Vue(一)：认识Vue CLI（脚手架)

作用：快速搭建Vue开发环境及相应的webpack配置
前提：已安装Node(V8引擎，可直接执行js)及webpack及完成相关配置

Step1：安装Vue cli:

cnpm install @vue/cli -g    //安装的为Vue cli3版本

如需初始化Vue cli2项目，需要拉取2.x模板：

cnpm install @vue/cli-init -g   //拉取2.x模板，可用于初始化Vue cli2项目

Step2：初始化Vue项目：

vue init webpack xxx    //初始化Vue cli2项目，xxx为项目名称

vue create xxx        //初始化Vue cli3项目，xxx为项目名称

后根据要求进行相应的初始化，ESLink为代码规范

Runtime-complier与Runtime-only的区别：

• Runtime-complier运行框图:ast(抽象语法树)
  

• Runtime-only运行框图：(性能高、代码少)
  

Step3：安装依赖：

cnpm install

Step4：运行Vue项目：

Vue Cli2:

cnpm run dev               

Vue Cli3:

cnpm run server               

完成！！！