vue的脚手架vue-cli2.0

vue cli是基于vuejs进行快速开发的完成系统，并用渐进式框架构建用户界面

具体可以去官方的文档看看vue的介绍

其中需要用到vue、nodejs、npm、webpack等等

第一步安装nodejs

nodejs 是一个开源的和跨平台的 JavaScript 运行时环境

nodejs 在浏览器外运行 Google Chrome 的内核。 这使 nodejs表现得非常出色，并且应用程序运行于单个进程中，无需为每个请求创建新的线程。

打开命令窗口如果已经安装或者安装完成node可以在命令窗口通过node -v来查看是否安装成功和安装版本号

nodejs官网地址http://nodejs.cn/

第二步安装npm

其实npm集成就在node中直接在窗口中输入npm -v查看版本号

当然你也可以使用cnpm

通过命令行

npm install -g cnpm --registry=https://registry.npm.taobao.org

然后回车等待安装完成就行

第三步vue安装

vue的安装分为全局安装和局部安装

cnpm install --global vue-cli

cnpm install vue-cli -g

然后回车等待安装成功

接下来需要创建一个基于webpack模板的新项目

选好目录

需要注意的是项目的名称不能大写，不然会报错。

Project name (my-project) # 项目名称（我的项目）

Project description (A Vue.js project) # 项目描述一个Vue.js 项目

Author 作者（你的名字）

Install vue-router? (Y/n) # 是否安装Vue路由，也就是以后是spa（但页面应用需要的模块）

Use ESLint to lint your code? (Y/n) # 使用 ESLint 到你的代码？ （Y [ yes ] / N [ no ]）

Pick an ESLint preset (Use arrow keys) # 选择一个预置ESLint（使用箭头键）

Setup unit tests with Karma + Mocha? (Y/n) # 设置单元测Karma + Mocha？ （Y/ N）

Setup e2e tests with Nightwatch? (Y/n) # 设置端到端测试，Nightwatch？ （Y/ N）

当然这些都看你自己个人的情况，我这里是全选了是。

接下来就是进入项目安装依赖进行初始化

cd my-project

cnpm install

之后就是运行这个项目

cnpm run dev

当然也有打包的

npm run build