mpvue前期准备

Posted 2021-02-15 init-007

一、配置环境:

1.下载node.js,去官网上下载相应的版本。http://nodejs.cn

2.安装就是下一步下一步，检查是否安装成功，打开cmd。输入  node -v 会出现版本号。

3.推荐使用淘宝的镜像，国内比较慢。继续cmd里面输入    npm set registry https://registry.npm.taobao.org/

4.淘宝镜像安装成功，全局安装vue-cli脚手架。命令 npm install vue-cli -g

5.这步折磨我半天的时间，如果要搭建vue的环境，命令是 vue init webpack my-project  my-project是我自己的文件夹的名字，        是基于webpack的项目，输入之后就一直回车，直到出现是否要安装vue-route，如果用到就y不用就n。那么vue的环境就安装          好了，等到下载完毕，进入到项目里面，输入： cd my-project。然后安装依赖，使用命令cnpm install。最后一步，在命令行          输入：cnpm run dev 回车即可。然后在浏览器输入端口号，即打开默认的模板。

       但是，我们的文章是使用Mpvue开发，所以这不是不行的，所以重点是这个，当我们下载完成nodjs时候，输入命令

       vue init mpvue/mpvue-quickstart my-project    //创建一个基于 mpvue-quickstart 模板的新项目

        (如果出现安装失败:https://blog.csdn.net/github_38928905/article/details/85335630)

       然后下一步，提前准备好APPID 当下一步的时候，我们需要用到，我是过了一遍，就不再过第二变了，截图就算了

       之后的步骤就和上面安装一毛一样。# 安装依赖 $ cd my-project $ npm install # 启动构建 $ npm run dev其实他们的安装命令          官网上都有，所以没事逛逛官网看看，我就是由于两个命令如此相似，没有注意到，所以浪费了 很长时间。

6.最后启动微信开发者工具引入项目就可以看到第一个Mpvue小程序。

二、官方手册:http://mpvue.com/

       推荐初学者:https://www.jianshu.com/p/2e98cc166dbd