最近学习vue一段时间了，一直想找个方式去总结下凌乱的知识点。这段时间在学习技术胖的课程（https://jspang.com/）感觉收获挺大的，自己也想着做个总结吧。
首先先了解vue简单的安装吧
1. 安装node 环境
安装node 环境 http://nodejs.cn/download/ （下载之后一路安装即可） 安装这个主要是为了使用npm进行包管理
node版本检测 和 npm 版本检测
node -v //node版本检测 npm -v // npm 版本检测如果出现版本号就是安装完成了
2. 全局安装vue-cli 脚手架 (这里用的是上面安装好的npm包管理器进行安装)
npm install vue-cli -g //全局安装vue-cli脚手架
//安装好之后，在cmd使用下面命令检测vue版本(注意：V是大写)
vue -V 3.完成上面两个步骤之后，就可以使用webpack前端打包工具来创建我们的vue项目啦！这里声明一下，使用webpack作为前端打包工具的原因是：
Webpack相比Grunt和Gulp，不仅具备编译压缩合并功能，同时还具备模块化开发和组件式开发等优点，在目前流行的前端框架React和Vue中也得到很好的支持，而Grunt和Gulp只能将一些CSS和JS文件分别压缩合并成单个文件，当然也具有一些编译功能，比如Less和Sass的编译、ES6到ES5的编译等，对比之下，webpack的优势明显大于前两者，主要优点有：
1、 模块化开发（import，require等）给开发带来许多方便，加快开发速度
2、预处理（Less，Sass，ES6，TypeScript等）
扫描二维码关注公众号，回复： 13284978 查看本文章
3、 主流框架脚手架支持（Vue，React，Angular）
4、 庞大的社区（资源丰富，降低学习成本）
下面我们来建立一个vue的项目。在本地建立一个自己的开发文件夹，如 vuedemo 使用如下命令
vue init webpack vuedemo 执行命令后，根据提示填写相关选项，
- Project name :项目名称 ，如果不需要更改直接回车就可以了。注意：这里项目名称不能使用大写
- Project description:项目描述，默认为A Vue.js project,直接回车，不用编写。
- Author：作者，如果你有配置git的作者，他会读取。
- Install vue-router? 是否安装vue的路由插件，我们这里需要安装，所以选择Y
- Use ESLint to lint your code? 是否用ESLint来限制你的代码错误和风格。我们这里不需要输入n，如果你是大型团队开发，最好是进行配置。
- setup unit tests with Karma + Mocha? 是否需要安装单元测试工具Karma+Mocha，我们这里不需要，所以输入n。
- Setup e2e tests with Nightwatch?是否安装e2e来进行用户行为模拟测试，我们这里不需要，所以输入n。
安装好之后，我们进入自己的项目文件夹 vuedemo 中输入如下命令：
npm install要是安装缓慢，可以选择用cnpm淘宝源（cnpm安装方法在https://blog.csdn.net/Zfang678/article/details/82453539）
安装完成之后，运行项目
npm run dev到这，我们已经建立了一个vue的项目