Vue-cli 是什麼？

A simple CLI for scaffolding Vue.js projects.

簡單來說它是 Vue.js 官方提供的開發工具，可用於快速開發大型單頁應用程式 (SPA)，更具體來說像是前端在開發時，常會搭配一些前端管理工具 (Gulp、Webpack...) 來處理瑣碎又重複性的工作，但往往需要大量時間去自行配置開發環境，而 Vue-cli 就像開發懶人包，可透過指令快速地建立一個立即可用的 Vue 開發環境。

目前 Vue-cli 提供了六種基本樣板，如下：

• webpack

• webpack-simple

• browserify

• browserify-simple

• pwa

• simple

最多人使用的應該是 webpack 這個樣板，包含熱加载 (Hot reload)、語法檢查 (Linting)、單元測試、CSS編譯等功能，相對於其它樣板而言更適合搭建大型專案，而接下來的教學也都將以 webpack 這個樣板為主。

更多可參閱官方 GitHub : https://github.com/vuejs/vue-cli 。