[JavaScript知识库]vue环境

vue环境搭建

1、安装Node.js

1. 安装node.js

   官网：https://nodejs.org/en/download/

   历史版本：https://nodejs.org/en/download/releases/

   安装步骤：路径按需更改，其他的默认即可。

2. 设置node prefix(全局)和cache(缓存)路径

   （1）在nodejs安装路径下，新建node_global和node_cache两个文件夹。

   （2）在nodejs安装路径下，设置缓存文件夹

   npm config set cache "nodejs安装路径\node_cache"
   

   （3）在nodejs安装路径下，设置全局模块存放的路径

   npm config set prefix "nodejs安装路径\node_global"
   
   

可以使用npm config list 检查一下是否设置成功

3.安装cnpm（淘宝镜像）

在nodejs安装路径下

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

4. 设置环境变量

   （1）添加环境变量Path(2个):

   nodejs安装路径\node_global
    nodejs安装路径
   

   （2）添加NODE_PATH系统变量：

   nodejs安装路径\node_modules
   

2、安装vue

	1. 安装vue

//-g 全局安装的意思
cnpm install vue -g

	2. 安装vue-cli

cnpm install vue-cli -g

3、新建项目

1. 新建项目

vue init webpack-simple 项目名称（使用英文）

运行项目
cnpm install
npm run dev