運行以下命令來創(chuàng)建一個新項目:
vue create hello-world
警告
如果你在 Windows 上通過 minTTY 使用 Git Bash,交互提示符并不工作。你必須通過 winpty vue.cmd create hello-world 啟動這個命令。不過,如果你仍想使用 vue create hello-world,則可以通過在 ~/.bashrc 文件中添加以下行來為命令添加別名。 alias vue='winpty vue.cmd' 你需要重新啟動 Git Bash 終端會話以使更新后的 bashrc 文件生效。
你會被提示選取一個 preset。你可以選默認的包含了基本的 Babel + ESLint 設置的 preset,也可以選“手動選擇特性”來選取需要的特性。
這個默認的設置非常適合快速創(chuàng)建一個新項目的原型,而手動設置則提供了更多的選項,它們是面向生產(chǎn)的項目更加需要的。
如果你決定手動選擇特性,在操作提示的最后你可以選擇將已選項保存為一個將來可復用的 preset。我們會在下一個章節(jié)討論 preset 和插件。
~/.vuerc
被保存的 preset 將會存在用戶的 home 目錄下一個名為 .vuerc 的 JSON 文件里。如果你想要修改被保存的 preset / 選項,可以編輯這個文件。
在項目創(chuàng)建的過程中,你也會被提示選擇喜歡的包管理器或使用淘寶 npm 鏡像源以更快地安裝依賴。這些選擇也將會存入 ~/.vuerc。
vue create 命令有一些可選項,你可以通過運行以下命令進行探索:
vue create --help
用法:create [options] <app-name>
創(chuàng)建一個由 `vue-cli-service` 提供支持的新項目
選項:
-p, --preset <presetName> 忽略提示符并使用已保存的或遠程的預設選項
-d, --default 忽略提示符并使用默認預設選項
-i, --inlinePreset <json> 忽略提示符并使用內(nèi)聯(lián)的 JSON 字符串預設選項
-m, --packageManager <command> 在安裝依賴時使用指定的 npm 客戶端
-r, --registry <url> 在安裝依賴時使用指定的 npm registry
-g, --git [message] 強制 / 跳過 git 初始化,并可選的指定初始化提交信息
-n, --no-git 跳過 git 初始化
-f, --force 覆寫目標目錄可能存在的配置
-c, --clone 使用 git clone 獲取遠程預設選項
-x, --proxy 使用指定的代理創(chuàng)建項目
-b, --bare 創(chuàng)建項目時省略默認組件中的新手指導信息
-h, --help 輸出使用幫助信息
你也可以通過 vue ui 命令以圖形化界面創(chuàng)建和管理項目:
vue ui
上述命令會打開一個瀏覽器窗口,并以圖形化界面將你引導至項目創(chuàng)建的流程。
Vue CLI >= 3 和舊版使用了相同的 vue 命令,所以 Vue CLI 2 (vue-cli) 被覆蓋了。如果你仍然需要使用舊版本的 vue init 功能,你可以全局安裝一個橋接工具:
npm install -g @vue/cli-init
# `vue init` 的運行效果將會跟 `vue-cli@2.x` 相同
vue init webpack my-project
更多建議: