webpack+vue 的 环境的搭建

1、首先，vue.js是一种前端框架，一般利用vue创建项目是要搭配webpack项目构建工具的，而webpack在执行打包压缩的时候是依赖node.js的环境的，所以，要进行vue项目的开发，我们首先要安装node.js。node.js的官方地址为：https://nodejs.org/en/download/，下载完毕，按照windows一般应用程序，一路next就可以安装成功，建议不要安装在系统盘（如C：）。

2、安装完node之后，就要安装cnpm，由于许多npm包都是在国外，安装起来特别慢，所以我们这里利用淘宝的镜像服务器，来对我们依赖的module进行安装。

安装命令为：npm install -g cnpm --registry=https://registry.npm.taobao.org 之后回车等待命令

3、接着安装全局的vue-cli脚手架,用于帮助搭建所需的模板框架

命令为：cnpm install -g vue-cli，回车，等待安装

安装完后，可以输入vue，然后回车，如果出现vue的信息，则说明安装成功了。

4、紧接着，就该创建项目了，自己找一个合适的地方，新建一个项目文件夹，根据自己的需要命名，我的命名为 my-vue，然后，cmd 定位到此文件夹，输入:vue init webpack my-vue(项目文件夹名)，回车，等待一小会儿，依次出现‘git’下的项，可按下图操作:（注意我这个会出现两个my_vue得包 重复了。。。。建立文件夹得时候只需要创建myItems（项目空间））

输入项目名称按回车键（不能包含大写字母！！）

Runtime + Compiler: recommended for most users 运行加编译，既然已经说了推荐，就选它了Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files - render functions are required elsewhere 仅运行时，已经有推荐了就选择第一个了Install vue-router? (Y/n) 是否安装vue-router，这是官方的路由，大多数情况下都使用，不过我的第一个项目中的路由是自己写的，没有使用到官方路由，因为有特殊需求，也因为比较早，官方尚未成熟，vue-router官网 。这里就输入“y”后回车即可。Use ESLint to lint your code? (Y/n) 是否使用ESLint管理代码，ESLint是个代码风格管理工具，是用来统一代码风格的，并不会影响整体的运行，这也是为了多人协作，新手就不用了，一般项目中都会使用。ESLint官网 接下来也是选择题Pick an ESLint preset (Use arrow keys) 选择一个ESLint预设，编写vue项目时的代码风格，因为我选择了使用ESLintStandard (https://github.com/feross/standard) 标准，有些看不明白，什么标准呢，去给提示的standardgithub地址看一下， 原来时js的标准风格AirBNB (https://github.com/airbnb/javascript) JavaScript最合理的方法，这个github地址说的是JavaScript最合理的方法none (configure it yourself) 这个不用说，自己定义风格具体选择哪个因人而异吧 ，我选择标准风格Setup unit tests with Karma + Mocha? (Y/n) 是否安装单元测试，我选择安装Setup e2e tests with Nightwatch(Y/n)? 是否安装e2e测试 ，我选择安装完成
（我全部选得Y，注意不需要得不要选）

安装完成