Vue开发环境搭建

Windows版

为什么安装配置node.js

百度百科定义：Node是一个让JavaScript运行在服务端的开发平台，实质是对Chrome V8引擎进行了封装。

npm可以管理本地项目的模块内容和依赖内容，可以进行管理全局安装的一种工具。

下载安装NodeJs

下载地址：node.js

我下载的是免安装版的zip格式的windows64位的，由于npm随Node.js一起安装了，所以下面仅需进行相应的配置便可正常使用了。

解压完成，配置环境变量,如下：

NODE_HOME：D:\Program Files\nodejs // 此处为软件解压目录
Path：%NODE_HOME%

配置全局命令安装目录及缓存：

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

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

配置全局环境变量，防止命令找不到：

Path:%NODE_HOME%\;%NODE_HOME%\node_modules;%NODE_HOME%\node_global;

cnpm代替npm命令增加访问速度，如下：

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

安装Vue.js

Node.js安装配置完毕后，可使用cnpm直接安装Vue.js,如下：

cnpm install -g vue
cnpm install -g vue-cli

安装完毕后，查看是否安装成功运行命令如下：

vue -V

安装webpack,同上，执行命令如下：

cnpm install -g webpack
cnpm install -D webpack-cli

查看webpack安装结果如下：

webpack -v

创建Vue项目

进入指定项目目录，用以保存项目，并初始化项目，命令如下：

vue init webpack vue-demo

根据提示，进行项目的创建，启动项目则如下：

cd vue-demo
cnpm run dev

在浏览器中输入如下地址，查看结果的地址如下，端口以上步的执行的结果为准：

[http://localhost:8081](http://localhost:8081)