|
最近有許多關(guān)于React項(xiàng)目工具的討論，討論了工具的使用問題。如果你現(xiàn)在正在使用Vue.js，當(dāng)你構(gòu)建一個(gè)原型的時(shí)候，你所需要做的通常就是通過<script>把Vue.js引入進(jìn)來，然后就完事了。但是真實(shí)情況往往不是這樣的。當(dāng)我們真正開發(fā)一個(gè)應(yīng)用的時(shí)候，我們不可避免的會用到一大堆的工具，模塊化、預(yù)處理器、熱模塊加載、代碼校驗(yàn)和測試。這些工具對于一個(gè)需要長期維護(hù)的大型應(yīng)用是必須的，但是項(xiàng)目初始化將會是讓人痛苦的事情。這就是為什么我們做了vue-cli，讓一個(gè)簡單的命令行工具來幫助你快速的構(gòu)建一個(gè)擁有強(qiáng)大構(gòu)建能力的Vue.js項(xiàng)目。
僅僅為了初始化
下面是使用方法：
# 安裝vue-cli
npm install -g vue-cli
# 使用vue-cli初始化項(xiàng)目
vue init webpack my-project
# 進(jìn)入到目錄
cd my-project
# 安裝依賴
npm install
# 開始運(yùn)行
npm run dev
上面的這些命令會從vuejs-templates拉取模板并安裝，然后用NPM安裝依賴，最后你只需要用個(gè)NPM腳本啟動就能開始開發(fā)了。
官方模板
這些官方的模板存在的意義在于提供強(qiáng)大的項(xiàng)目構(gòu)建能力，以至于用戶可以盡可能快速的進(jìn)行開發(fā)。然而能否真正的發(fā)揮作用還在于你如何組織你的代碼和你使用的其他庫。
所有的官方模板都可以在vuejs-templates organization找到。如果有一個(gè)新的模板放在了這里，你可以直接就用vue init <template-name> <project-name>使用。你也可以運(yùn)行vue list命令來看看現(xiàn)在有哪些官方模板是現(xiàn)在可用的。
目前有以下模板可供選擇：
創(chuàng)建屬于你的模板
如果你對官方的模板不感興趣，你可以自己fork下來然后進(jìn)行修改（或者重新寫一個(gè)），然后用vue-cli來調(diào)用。因?yàn)?code>vue-cli可以直接拉取git源：
vue init username/repo my-project
無處不在的Vue組件
每一個(gè)模板都有自己的作用：基礎(chǔ)版本用于快速構(gòu)建原型，高級版本用于正式開發(fā)。這些模板有許多共同的功能，如都支持*.vue組件。這意味著任何第三方的Vue組件都可以隨意使用，并且可以輕而易舉的發(fā)布在NPM上 - 讓我們創(chuàng)建出更多的可重用組件！
|
