mpvue学习笔记一:初始化一个mpvue项目

官方文档:http://mpvue.com/mpvue/quickstart/#1-mpvue

1.安装nodejs

2.打开命令行工具,执行以下操作:


mpvue学习笔记一:初始化一个mpvue项目_第1张图片

(1)node -v    (检查node是否成功安装)

(2)npm -v     (检查npm是否成功安装)

(3)npmsetregistry https://registry.npm.taobao.org/  (安装淘宝镜像)

(4)执行命令   npm install -g vue-cli   (全局安装vue-cli)

(5)切换到自定义文件夹路径,执行命令  vue init mpvue/mpvue-quickstart demo2  (demo2为自定义项目名),然后一路回车。

mpvue学习笔记一:初始化一个mpvue项目_第2张图片

(5)切换到新建项目(demo2)所在地址 cd demo2

(6)执行   npm install   结果报错如下图,

mpvue学习笔记一:初始化一个mpvue项目_第3张图片

执行   npmcacheclean--force   ,清除cache

再重新执行  npm install   然后执行   npm run dev


mpvue学习笔记一:初始化一个mpvue项目_第4张图片

3.初始化mpvue项目结束,接下来可在微信开发者工具中打开该项目进行其他操作。

你可能感兴趣的:(mpvue学习笔记一:初始化一个mpvue项目)