前端环境

前端环境搭建

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"
   

   （4）设置npm镜像源

   npm config set registry https://registry.npm.taobao.org 
   

   可以使用npm config list查看是否设置成功。
   3.安装cnpm（淘宝镜像）

   在nodejs安装路径下

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

3. 设置环境变量

   （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