Vue2.0搭建脚手架（vue-cli）

#Vue2.0搭建脚手架（vue-cli）

安装node.js

从node官网下载并安装node，安装只要一路“next”就可以了。 安装完成后，打开命令行工具输入命令node -v，如下图，如果出现对应版本号，就说明安装成功了。 —— [ node 官网]

安装cnpm

点击进入淘宝的cnpm网站,里面有详细的配置方法。
或者直接在命令行输入：

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

然后等待，安装完成。
输入cnpm -v，可以查看当前cnpm版本，这个和npm的版本还是不一样的。

使用cnpm的方法就是，需要用到npm的地方直接使用cnpm替换就可以了

---

安装vue-cli脚手架构建工具

vue-cli 提供一个官方命令行工具，可用于快速搭建大型单页应用。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目

快捷键Ctrl+r打开命令行工具，输入cmd后回车，在命令行下操作：

cnpm install --g vue-cli

---

创建一个基于 webpack 模板的新项目

创建一个名字为‘my-project’的新项目
要创建项目，首先我们要进你想创建的目录下，然后再命令行中把目录转到选定的目录。（需要注意的是项目的名称不能大写，不然会报错。）使用：

vue init webpack my-project

一路回车出现：

然后Y N N N（后面三个我选的是否，这些都看你自己个人的情况） 回车 等待几分钟。如下

这是已经建立完成的页面

若想初始化该项目，则使用：

vue init webpack-simple my-project

---

##启动项目
打开命令行工具进入该项目目录文件下，使用：

cd my-project
cnpm run dev

如果看见这个界面就是成功了