如何运行github上Mpvue类型的小程序代码

Mpvue类型的小程序好处&＃xff1a;

适合有vue经验的开发者
可以复用web系统代码&＃xff08;不然又要开发一套小程序专用代码&＃xff09;

话不多说&＃xff0c;开始安装&＃xff1a;

1.安装brew

具体参考博客


2.安装node&＃xff0c;nmp

具体参考博客


3.在cmd下检查下 Node.js 是否安装成功&＃xff1a;

node -v


npm -v


3.切换源为 taobao&＃xff0c;执行&＃xff1a;

npm set registry https://registry.npm.taobao.org/


4.安装vue-ci

npm install --global vue-cli


5.在网上下载Mpvue类型的小程序代码&＃xff1a;

到github上找项目&＃xff0c;点击downloads


6.在命令行cd到下载目录&＃xff1a;

cd xxx/yy/xx/yy


7.执行命令

npm install


8.执行命令

npm run dev


如果出现&＃xff1a; DONE Compiled successfully in xxxx ms字样&＃xff0c;往下走

9.下载微信小程序开发工具

具体参考博客


10.导入项目(导入目录为根目录&＃xff01;&＃xff01;)

使用测试id即可


11.如果小程序开发工具预览界面出现小程序界面&＃xff0c;就说明成功了&＃xff0c;开始玩吧&＃xff08;可以在此基础上直接修改代码了&＃xff09;