1.创建项目

1.环境

1.安装node.js

2.搭建vue的开发环境，安装vue的脚手架工具

npm install --global vue-cli

2.新建vue项目

 

1.新建新项目vue-demo1

vue init webpack vue-demo1

然后除了Use EsLint……选择no（代码检查功能，如果选择了默认回车，少打个空格都会报错），其他的询问都直接敲回车。

2.如果依赖下载太过于缓慢，换成cnpm下载依赖

Ctrl键+C键停止当前依赖包下载安装进度
y+回车
安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org
cd vue-demo01
cnpm install

3.运行项目：

cd vue-demo01 #如果使用了上面的cnpm已经在项目目录下了则不需要这一条命令
npm run dev

浏览器访问：

http://127.0.0.1:8080

看到下图所示效果，代表新建vue项目成功了。

 

 4.精简目录项目创建

小项目使用精简版本即可，精简版不会有代码规范的询问，直接运行命令：

vue init webpack-simple vue-demo2

然后一直回车，即可创建成功。

然后安装依赖：

cd vue-demo2
cnpm install
npm run dev