vue-cli 發佈（譯）

最近有許多關於React項目工具的討論，討論了工具的使用問題。若是你如今正在使用Vue.js，當你構建一個原型的時候，你所須要作的一般就是經過<script>把Vue.js引入進來，而後就完事了。可是真實狀況每每不是這樣的。當咱們真正開發一個應用的時候，咱們不可避免的會用到一大堆的工具，模塊化、預處理器、熱模塊加載、代碼校驗和測試。這些工具對於一個須要長期維護的大型應用是必須的，可是項目初始化將會是讓人痛苦的事情。這就是爲何咱們作了vue-cli，讓一個簡單的命令行工具來幫助你快速的構建一個擁有強大構建能力的Vue.js項目。

僅僅爲了初始化

下面是使用方法：

# 安裝vue-cli
npm install -g vue-cli

# 使用vue-cli初始化項目
vue init webpack my-project

# 進入到目錄
cd my-project

# 安裝依賴
npm install

# 開始運行
npm run dev

上面的這些命令會從vuejs-templates拉取模板並安裝，而後用NPM安裝依賴，最後你只須要用個NPM腳本啓動就能開始開發了。

官方模板

這些官方的模板存在的意義在於提供強大的項目構建能力，以致於用戶能夠儘量快速的進行開發。然而可否真正的發揮做用還在於你如何組織你的代碼和你使用的其餘庫。

全部的官方模板均可以在vuejs-templates organization找到。若是有一個新的模板放在了這裏，你能夠直接就用vue init <template-name> <project-name>使用。你也能夠運行vue list命令來看看如今有哪些官方模板是如今可用的。

目前有如下模板可供選擇：

• browserify - 擁有高級功能的 Browserify + vueify 用於正式開發。

• browserify-simple - 擁有基礎功能的 Browserify + vueify 用於快速原型開發。

• webpack - 擁有高級功能的 Webpack + vue-loader 用於正式開發。

• webpack-simple - 擁有基礎功能的 Webpack + vue-loader 用於快速原型開發。

建立屬於你的模板

若是你對官方的模板不感興趣，你能夠本身fork下來而後進行修改（或者從新寫一個），而後用vue-cli來調用。由於vue-cli能夠直接拉取git源：

vue init username/repo my-project

無處不在的Vue組件

每個模板都有本身的做用：基礎版本用於快速構建原型，高級版本用於正式開發。這些模板有許多共同的功能，如都支持*.vue組件。這意味着任何第三方的Vue組件均可以隨意使用，而且能夠垂手可得的發佈在NPM上 - 讓咱們建立出更多的可重用組件！