VUE开发环境搭建、创建测试项目

一，环境安装

1.访问Node.js官网（https://nodejs.org/en/download/）进行安装包下载。

2.下载成功之后运行安装程序，进行安装。

如果是用安装程序进行安装，在安装过程中会自动进行Nodejs环境变量的配置,完成安装后，可以打开命令行，直接使用node命令，进入node.js交互模式

然后可以输入console.log("est"),显示如下图说明安装成功！

3.设置npm的默认安装路径，和缓存路径

//设置npm安装程序时的默认位置

npm config set prefix "D:\Program Files\nodejs\X64\node_global"

//设置npm安装程序时的缓存位置

npm config set cache "D:\Program Files\nodejs\X64\node_cache"

//设置环境变量

D:\Program Files\nodejs\X64\node_global\node_modules路径添加到环境变量PATH中。

4.安装webpack和vue-cli脚手架

在命令行中执行下列两个命令，进行安装。

npm install webpack -g

npm install vue-cli -g

--------------------------------------------------------------------------------------------------------------------

二，测试创建项目

打开命令行，进入到希望创建vue测试项目的路径，然后在命令行中执行下列命令，进行项目创建。

vue init webpack vue_test //其中vue_test为项目名称

在命令行中进入到项目路径，然后执行npm install命令，安装项目需要的依赖。

然后执行npm run dev命令，运行项目