vue环境搭建

1、安装 node.js 

安装包下载地址：https://nodejs.org/en/

验证安装成功：

node -v

npm -v

设置nodejs prefix（全局）和cache（缓存）路径

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

设置缓存文件夹：npm config set cache "C:\software\nodejs\node_cache"

设置全局模块存放路径：npm config set prefix "C:\software\nodejs\node_global"

 

2、安装cnpm

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

 

3、设置环境变量

新增系统变量NODE_PATH

 

4、安装vue 和 vue.cli

1. cnpm install vue -g

2. cnpm install vue-cli -g

 

5、运行已有vue项目

将位置移动至项目目录，输入命令

npm install

npm run dev

这里简单介绍下 npm run dev 命令，其中的“run”对应的是package.json文件中，scripts字段中的dev，也就是 node build/dev-server.js命令的一个快捷方式。

或 新建vue项目

在CMD.EXE中将目录移动至选定目录，即项目创建的位置。

在选定目录下输入命令：vue init webpack Vue    //Vue为项目文件夹的名称

在选定目录下输入命令之后按照提示输入项目名称，描述，作者等信息。