uni-app项目（一）-初始化uni-app项目_下载 HBuilderX_新建 uni-app 项目_把项目运行到微信开发者工具_使用 git 管理项目

目录

一、 开发工具

1.1 下载 HBuilderX

1.2 安装 HBuilderX

1.3 安装 scss/sass 编译

1.4 快捷键方案切换

1.5 修改编辑器的基本设置

二、新建 uni-app 项目

三、把项目运行到微信开发者工具

四、使用 git 管理项目

---

一、 开发工具

uni-app 官方推荐使用 HBuilderX 来开发 uni-app 类型的项目。

主要好处： 模板丰富 完善的智能提示 一键运行 当然，你依然可以根据自己的喜好，选择使用 VS Code、Sublime、记事本... 等自己喜欢的编辑器！

详细的 uni-app 官方文档，请翻阅 uni-app官网

1.1 下载 HBuilderX

1. 访问 HBuilderX 的官网首页  HBuilderX-高效极客技巧

2. 点击首页的 DOWNLOAD 按钮

3. 选择下载 正式版 -> App 开发版

1.2 安装 HBuilderX

1. 将下载的 zip包 进行解压缩

2. 将解压之后的文件夹，存放到纯英文的目录中（且不能包含括号等特殊字符）

3. 双击 HBuilderX.exe 即可启动 HBuilderX

1.3 安装 scss/sass 编译

为了方便编写样式（例如： ），建议安装 scss/sass 编译插件。

插件下载地址： scss/sass编译 - DCloud 插件市场

进入插件下载页面之后，点击右上角的 使用 HBuilderX 导入插件按钮进行自动安装，截图如下

1.4 快捷键方案切换

操作步骤：工具 -> 预设快捷键方案切换 -> VS Code

1.5 修改编辑器的基本设置

操作步骤：