【VUE框架】安装VUE运行环境

• 安装node

请记住安装路径，后面需要配置环境变量。下载https://nodejs.org/en/，根据提示默认安装即可。安装完成之后，打开cmd开始输入命令node -v 查看版本号看是否安装成功成功。

输入命令：node -v

• 配置环境变量

默认安装nodejs的话，路径是C:\Program Files\nodejs
第一步：在nodejs安装路径下，新建node_global和node_cache两个文件夹

第二步：设置缓存文件夹
npm config set cache “C:\Program Files\nodejs\node_cache”

npm config set cache "C:\Program Files\nodejs\node_cache"

第三步：设置全局模块存放路径
npm config set prefix “C:\Program Files\nodejs\node_global”

npm config set prefix "C:\Program Files\nodejs\node_global"

第四步：设置成功后，之后用命令npm install XXX -g安装以后模块就在C:\Program Files\nodejs\node_global里

npm install XXX -g

• 安装淘宝npm镜像

输入命令：npm install -g cnpm --registry=https://registry.npm.taobao.org

npm install -g cnpm --registry=https://registry.npm.taobao.org

已经安装的检查版本

npm -v

• 安装全局vue-cli脚手架

淘宝镜像安装成功之后，我们就可以全局vue-cli脚手架，输入命令：cnpm install --global vue-cli 回车；验证是否安装成功，在命令输入vue，出来vue的信息，及说明安装成功；

cnpm install --global vue-cli

• 建一个新项目

必须cd到对应的一个项目里面执行，然后再创建项目 vue init webpack vue-demo01

vue init webpack vue-demo01

回车，vue-demo01是我自己的文件夹的名字，是基于webpack的项目，输入之后就一直回车，直到出现是否要安装vue-route，这个我们在项目要用到，所以就输入y 回车
下面会出现是否需要js语法检测，这个我们暂时用不到，就可以直接输入no，后面的都可以直接输入no，都是我们暂时用不到的
创完成后cd进入项目文件夹，运行项目即可

• 运行项目

cmd进入项目文件夹 如下

cd C:\Users\Administrator\Desktop\便程产品\bcHtml

如果是之前自己创建项目直接npm run dev运行

npm run dev

假如运行报错或者是拷贝的项目，则把项目中的node_modules文件夹删掉再执行一下cnpm install再执行npm run dev即可

cnpm install