Vue实战之前所学的ES6-10语法，可以用在vue中

vue项目安装

1，先安装node

http://www.runoob.com/nodejs/nodejs-install-setup.html

输入 node -v，如果出现相应的版本号，则说明安装成功。

 

2，安装淘宝镜像

由于，npm很多包部署在国外，使用cnpm可以加快我们的安装速度。

安装命令：npm install -g cnpm --registry=https://registry.npm.taobao.org

 

3，安装webpack

安装命令：npm install -g webpack

输入 webpack -v 查看版本号后提示我们必须安装一个 CLI

安装命令：npm i webpack-cli -g

再次输入webpack -v 显示版本号，就算安装成功

 

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

安装命令：npm install vue-cli -g
安装完成之后输入 vue -V（注意这里是大写的“V”），如果出现相应的版本号，则说明安装成功。

 

5，cd到对应的目录下初始化vue项目

比如（cd F:\vue），输入新建项目命令，

安装命令：vue init webpack 项目名   //创建一个基于webpack的vue项目

执行这个命令后会出现一系列的选项如下

--------------------------------------------------------------------------------------------

?Project name ：项目名称

?Project description (A Vue.js project) ：项目描述 （A Vue.js project）；

?Author： [e-mail](项目作者)；

?Vue build (Use arrow keys)

❯ Runtime + Compiler: recommended for most users
   Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specific HTML) are ONLY allowed in .vue files - render functions are required elsewhere
移动上下键，选择Runtime + Compiler: recommended for most users；

?Install vue-router? (Y/n) 是否使用vue-router路由（y）；

?Use ESLint to lint your code? (Y/n) 是否使用ESLint（n）；

?Set up unit tests  (Y/n) 是否需要单元测试（n）；

?Set up e2e tests with Nightwatch? (Y/n) 是否需要单元测试（n）；

?Should we run `npm install` for you after the project has been created? (recommended) (Use arrow keys)
> Yes, use NPM
   Yes, use Yarn
   No, I will handle that myself

移动上下键，选择Yes, use NPM

--------------------------------------------------------------------------------------------

 之后vue项目就会创建成功了

 

6，启动项目

cd进入该项目目录下，执行安装 ：npm install（虽然这步之前我输入npm -v能得出版本号，但是还是要执行安装npm，也不知道为什么）

输入命令：npm run dev。服务启动成功后浏览器会默认打开一个“欢迎页面”