一、安装node.js
首先需要安装node环境，可以直接到中文官网http://nodejs.cn/下载安装包。
安装完成后，可以命令行工具中输入node -v 和 npm -v，如果能显示出版本号就安装成功。
二、安装vue-cli
安装好node，我们可以直接全局安装vue-cli：
npm install -g vue-cli (但是这种安装方式比较慢，推荐使用国内镜像来安装)
所以，先设置cnpm:
npm install -g cnpm --registry=https://registry.npm.taobao.org
如果安装失败，可以使用npm cache clean 清理缓存，然后再重新安装。同样可以使用cnpm -v查看是否安装成功
然后使用cnpm 安装vue-cli和webpack:
cnpm install -g vue-cli
最新的vue项目模板中，都带有webpack插件，所以这里可以不安装webpack
安装完成后，可以使用vue-V（注意V要大写）查看是否安装成功
如果提示“无法识别‘vue’”，有可能是npm版本过低，可以使用npm install -g npm来更新版本
三、生成项目
首先需要在命令行中进入到项目目录，然后输入： vue init webpack Vue-Project
其中webpack是模板名称，可以到vue.js的GitHub上查看更过的模板https://github.com/vuejs-templates
Vue-Project是自定义的项目名称，命令执行之后，会在当前目录生成一个以该名称命名的项目文件夹
配置完成后，可以看到目录下多出了一个项目文件夹，里面就是vue-cli创建的一个基于webpack的vue.js项目，然后进入项目目录（cd Vue-Project）,使用cnpm安装依赖
cnpm install
然后启动项目
npm run dev
如果浏览器打开之后，没有加载出页面，有可能是本地的8080端口被占用，需要修改一下配置文件config>index.js
建议将端口号改为不常用的端口，另外我还将build的路径前缀修改为‘./’(原本是‘/’),是因为打包之后，外部引入js和css文件时，如果路径以‘/’开头，在本地是无法找到对应文件的（服务器上没有问题）。所以如果需要在本地打开打包后的文件，就得修改文件路径。
四、打包上线
自己的项目文件都需要放到src文件下
项目开发完成后，可以在命令行输入npm run build 来进行打包工作，打包完成后会生成dist文件夹，如果已经修改了文件路径，可以直接打开本地文件查看，项目上线时，只需要将dist 文件夹放到服务器就行了
五、vue的集成环境创建之后
App.vue 是父组件，components 文件夹下都是子组件。在src下面的components目录（组件目录）下新建一个Test.vue文件（文件首字母要大写）文件内容如下：
在router目录下面（路由跳转目录）下的index.js页面中添加，我们刚才添加的Test.vue页面的跳转路由。文件内容如下：
使用ctrl+~快捷键，就可以出行命令行输入页面。
命令行中输入npm start命令(或者npm run dev)
想要停止运行中项目的话可以输入快捷键ctrl+C
浏览器中输入项目的启动地址，看看是否配置成功。如下图所示：
最后，说明一点：项目全局vue名字叫做App.vue、启动js文件是main.js