小程序的开发流程（三）：前端项目的技术选择，配置和启动

前端项目的技术选择，配置和启动

1、技术选择

• vue，uni-app，微信开发者工具

2、配置（当前使用的是vue-cli命令行配置）

1. 文档在这里 ==> uni-app cli配置

2. 第一步，全局安装vue-cli npm install -g @vue/cli

3. 创建uni-app项目，选择默认模板就可以了vue create -p dcloudio/uni-preset-vue my-project

4. 配置页面位置，名称和引用的组件。具体配置在pages.json文件里面

5. 运行，在终端里面进入项目文件夹，输入npm run dev:mp-weixin，将会在项目根目录多一个dist/dev/mp-weixin文件夹

6. 打开微信开发者工具，微信扫码登录，然后点击添加项目。选择第五步产生的项目内的mp-weixin文件夹，录入appid后点击新建即可。appid的位置参考链接小程序管理和配置