vue.js webpack环境配置介绍

1.webpack是一个资源的打包工具，分为1.0和2.0版本，可以将 .js, .css , image等静态资源当做一个模块来进行打包，那么每一种模块都是有一个对应的 loader来实现。

2.版本介绍webpack这里有两种版本 1.0版本官网：https://webpack.github.io/docs/usage.html webpack 2.0版本官网：https://webpack.js.org/

3.我这里使用的是webpack 1.14.0

4,webpack是基于nodejs运行的，所以在安装webpack之前必须先安装nodejs环境,安装步骤如下

一，去 https://nodejs.org/en/ 中下载当前操作系统匹配的版本,windows下软件名称通常叫做 node.exe

二,双击node.exe一路安装好，由于node.exe已经包含了npm工具，所以npm也能正常使用了

三,由于直接使用npm install 安装第三方包是去国外网站上下载，有可能会被墙而安装失败，所以我们要将下载源切换到国内淘宝上因此需要利用 npm install nrm -g安装一个全局的nrm

四，安装好nrm以后，在cmd命令面板中输入： nrm use taobao 将下载源切换到淘宝，可以使用 nrm ls 查看当前使用的下载源

五，也可安装淘宝提供的类似于npm的工具 cnpm来替代npm安装node包,安装包命令和npm一样，安装cnpm命令： npm install cnpm -g

5,在cmd命令行面板中 执行： npm install webpack@1.14.0 -g

6.在CMD中npm install webpack-dev-server html-webpack-plugin  --save-dev 回车键就好。

7.安装相关的应用

8.npm install vue-router --save

9.安装mint-ui命令npm install mint-ui --save 

10.基本上已经完成了整个vue.js的环境配置，以后需要什么样的应用，直接安装即可。