vue-cli项目——环境搭建

第一步：安装node.js

• Node.js：http://nodejs.cn/download/
  安装就是无脑的下一步就好，安装在自己的环境目录下

• 检查是否安装成功
• cmd下输入node -v，查看是否能够正确打印出版本号即可！
• cmd下输入npm -v，查看是否能够正确打印出版本号即可(下载node.js里边有npm，所以可以不用再次下载npm)

第二步：安装Node.js淘宝镜像加速器（cnpm）

• # -g 就是全局安装

  npm install cnpm -g

• # 或使用如下语句解决npm速度慢的问题
  npm install --registry=https://registry.npm.taobao.org

第三步：安装nrm

• cnpm install nrm -g
• 安装成功后，查看版本：nrm -V（注意大写V）

查看版本这一块可能报错

 

 解决方法：https://blog.csdn.net/qq_37124515/article/details/114241992

• 输入：nrm ls
•  输入：nrm use taobao

   

   

第四步：安装vue脚手架：vue-cli

• npm install vue-cli -g
• 

   

   

第五步：创建vue-cli项目

• 切换到安装路径

 

•  输入：vue init webpack myvue

   

   此处可能出现的错误：

  执行vue init webpack myvue后一直停在…downloading template解决方法

  • 换一个网，试一下（这一块一般跟你的网速有关系）

　　　　

第六步：初始化并运行

• cd myvue  ---进入你创建的项目
• npm install　---在你的项目中安装npm　
  • • npm run dev　---以npm的方式运行开发环境

 

•  按ctrl + c 退出