新建uni-app项目的注意点

uni-app新学教程（一）

最近写了一次uni-app的小demo，总结一下这次实践遇到的一些知识点，和一部分步骤。

新建一个uni-app项目

uni-app支持通过HBuider可视化界面、vue-cli命令行两种方式快速创建项目。

在这里推荐新手使用HBuider创建uni-app，HBuider提供了一个可视化的安装界面，比较方便，可以直接使用。在uni-app的官网也提供了创建教程，大家可以按照官网步骤来创建。官网链接。

其中，如图是通过HBuider创建uni-app的第一步，点击HBuider导航栏上的文件 => 新建=>项目， 选择uni-app类型，输入工程名，选择模板，点击创建，即可成功创建。

创建uni-app需要注意的方面

配置微信开发者工具路径

在创建了一个简单的uni-app项目之后，需要在微信开发者工具上运行。如果是第一次使用，需要先配置小程序ide的相关路径，才能运行成功。如下图，需在输入框输入微信开发者工具的安装路径。

注意：这个是自己的微信开发者工具的安装路径，这个设置填写的路径是 HBuider顶部的运行 => y运行到小程序模拟器 =>运行设置，点击之后进入Setting.json文件，往下翻一翻就可以找到。

填写appid

其次，我们还需要填写自己的appid，小程序的 AppID 相当于小程序平台的一个身份证，后续你会在很多地方要用到 AppID，这里是申请账号的官方教程链接，申请完成之后，把appid填写到项目里的manifest.json文件的微信小程序配置里。

打开微信开发者工具的服务端口

最后，也是最需要注意的一点，我们要把微信开发者工具的服务端口打开，位置是在打开微信开发者工具后，右上角的设置小图标，点击进入之后，可以看到安全这一栏，点击，打开服务端口，这里贴两张官网的详细照片。