vscode开发uniapp项目

1.环境配置（安装npm/node）

• brew install node : npm是随着nodejs安装⼀并安装的
• 更新npm ： sudo npm install npm -g

2.使⽤CLI ⼯程创建uni-app项⽬

• npm install -g @vue/cli ：全局安装vue
• vue create -p dcloudio/uni-preset-vue my-project ： 创建名字为my-project 的 uni-app

可能遇到的错误：npm run dev:mp-weixin  sh: cross-env: command not found

解决办法 ：npm install重新安装

3.从git拉取项目后

 从github或者gitee上clone下最新的代码，⽂件⽬录如下（node_modules和dist可能没有）

 

在此⽬录下运⾏ npm run dev:mp-weixin 开始运⾏项⽬，运⾏成功会⾃动⽣成dist⽬录

即为微信小程序的文件。

• 注意 dev:mp-weixin 等脚本可以通过⽬录下的package.json⽂件中的scripts查看，有的时候会存在scrips not found的问题，此时可以去查看替换的⽤法
• 在微信开发者⼯具中打开dist/mp-weixin⽬录即可运⾏
• 运⾏成功会出现如下提⽰，此时不要关闭终端，在vscode⾥修改代码保存会 自动在微信开发者工具中更新