vue-cli 是 vue 官方提供的 cli 工具，能用來建立 vue 的專案。

vue-cli 需要在 Node.js 4.x+、npm 3+ 以上，並要在有 git 的環境下使用。

可直接透過 npm 安裝到全域使用。

npm install -g vue-cli

1.png

安裝後可打 vue 查看一下使用方式。

2.png

他只有提供簡單的幾個命令，像是 vue list 可查閱可供使用的專案範本。

3.png

vue init 可用指定的專案範本建立專案。

vue init

4.png

專案建立後就可以進到專案目錄開始開發了，以 Webpack 範本為例，開發告一段落可以用 npm init 將需要使用到的套件下載下來。

5.png

然後使用 npm run 將服務運行起來。

npm run dev

6.png

服務運行起來後開啟瀏覽器瀏覽 ‘http://localhost:8080’ 即可看到專案運行起來的樣子。

7.png