vue.js----vue-cli脚手架搭建

1. 安装node

(中)https://nodejs.org/zh-cn/
(英)https://nodejs.org/en/

2.安装cnpm镜像

  （node自带安装了npm，故不再安装）

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

   安装模块时安装方法

$ cnpm install [name]

3.安装vue

$ cnpm install vue

4.安装vue-cli

$ cnpm install --global vue-cli

5.在某个目录下，创建一个基于 webpack 模板的新项目

$ vue init webpack my-project
//my-project是你的项目名

6.安装依赖

$ cd my-project //到项目目录下
$ cnpm install //安装依赖

7.运行项目

$ npm run dev

运行之后会看到vue的初始页面效果，如下图，说明你就成功搭建了一个vue项目。（下面框出来的是官方提供的插件和awesome，很实用）

1.安装Git(可选)
如果你熟悉或者想要学习了解git，可以在安装node之前先安装Git，使用Git Bash代替windows的cmd命令面板。如果你用windows的cmd命令行工具，则以上安装命令前的“$”省略。 Git官网：https://git-scm.com/ Git国内教程推荐：http://t.cn/zQ6LFwE
2.不应用ESLint 创建webpack模板项目时，如果你对ES6和ESLint不是很熟的话我个人不建议你应用它，因为要求比较严格，所以一不小心就报错，导致整个项目运行不起来，对于初学很痛苦。

总结

今天主要分享了一下从无到有创建一个vue项目，接下来我会通过自己的实际项目操作过程，分享我们是如何完成的。