創建腳手架

第一步（僅第一次執行）：全局安裝@vue/cli。

 npm install -g @vue/cli 

到你要創建項目的目錄，然后使用命令創建項目 vue create xxxx

第三步：啟動項目

npm run serv

備注： 1. 如出現下載緩慢請配置 npm 淘寶鏡像：

npm config set registry https://registry.npm.taobao.org

2.Vue 腳手架隱藏了所有 webpack 相關的配置，若想查看具體的 webpakc 配置， 請執行：

vue inspect > output.js

腳手架文件結構

├── node_modules 
├── public
│ ? ├── favicon.ico: 頁簽圖標
│ ? └── index.html: 主頁面
├── src
│ ? ├── assets: 存放靜態資源
│ ? │ ? └── logo.png
│ ? │── component: 存放組件
│ ? │ ? └── HelloWorld.vue
│ ? │── App.vue: 匯總所有組件
│ ? │── main.js: 入口文件
├── .gitignore: git版本管制忽略的配置
├── babel.config.js: babel的配置文件
├── package.json: 應用包配置文件 
├── README.md: 應用描述文件
├── package-lock.json：包版本控制文件

關于不同版本的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函數去指定具體內容。

vue.config.js配置文件

1. 使用vue inspect > output.js可以查看到Vue腳手架的默認配置。

2. 使用vue.config.js可以對腳手架進行個性化定制，詳情見：Vue CLI