本篇主要是利用vue-cli来搭建vue项目，其中前提是node和npm已经安装好，文章结尾将会简单提到一个简单的例子。使用vue-cli搭建项目最开始我也是看网上的教程一步步搭下来，所以其中的一些步骤说法为了表达正确会进行一定参考。
1.node.js的安装：https://nodejs.org/en/ 简单安装若不改安装路径，一顿下一步即可。
2.在cmd命令窗口分别执行一下命令：
node -v
npm -v
查看是否安装成功node、npm
3.安装vue-cli
打开cmd ,敲入命令：
npm install --global vue-cli （–global：全局安装）
4.cmd打开自己的项目工作空间，然后敲入命令：
vue init webpack test（其中test为我的项目名称），执行完之后即可在文件夹中看到如下结构
5.下载依赖包
上一步我们已经生成好项目，现在打开之前说过的package.json 文件，找到devDependencies 和 dependencies ，在这里面可以删掉我们不需要的，其他就则都需要使用 npm install 下载安装，例如vue： npm install vue –save-dev
这个过程会生成一个node_modules 文件夹，这一个过程可能会有一点耗时间，但是也是傻瓜式，一个个下载，下载好之后输入npm run dev 。如果有哪些缺漏的都会提示再补下载就好了
6. npm run dev
当所有依赖包都下载好之后，输入命令：npm run dev 运行就可以看到一个自带的默认页面打开。此时项目就已经全部搭建好并且运行了~炒鸡简单吧，总结下来其实只有四步
npm install --global vue-cli 下载vue-cli脚手架
vue init webpack test 生成项目，形成基本结构
npm install 依赖包
npm run dev 运行
我们接下来要做的就是业务相关的了，vue 就是一个个组件往里面加就可以了。
7.常用的ui组件集成，例如：element ui的集成：
首先需要添加ui的依赖：
npm install element-ui -S
添加完成后在node_modules中也可以查看，所有安装的源文件可以在这里面找到
之后需要在项目中main.js中引用组件：
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)
这样即可全局使用此组件了。