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命令，运行项目