使用Vue脚手架

注：以下的npm .... 指令是nodejs的功能，如未下载先自行前往nodejs官网下载安装

如果在cmd控制台运行npm install 等指令不成功，可以以管理员身份运行cmd试试

8.1、说明

1. Vue脚手架时Vue官方提供的标准化开发工具（平台）

2. 最新版本是4.x

3. 文档：Vue CLI

8.2、具体步骤

第一步（仅第一次执行）：全局安装@vue/cli

npm install -g @vue/cli

第二步：切换到你要创建项目的目录，然后使用命令创建项目

vue create xxxx

第三步：启动项目

npm run serve

备注：

1.如果出现下载缓慢则配置 npm 淘宝镜像 npm config set registry https://registry.npm.taobao.org
2.Vue脚手架隐藏了所有webpack相关配置，若想查看具体的webpack配置，请执行：vue inspect > output.js
​

8.3、关于不同版本的vue

1.vue.js 与vue.runtime.xxx.js的区别:

(1).vue.js是完整版的Vue，包含:核心功能+模板解析器。

(2).vue.runtime.xxx.js是运行版的Vue，只包含:核心功能;没有模板解析器。

2.因为vue.runtime.xxx.js没有模板解析器，所以不能使用template配置项，需要使用render函数接收到的createElement函数去指定具体内容。