Vue CLI 創(chuàng)建一個(gè)項(xiàng)目

vue create

運(yùn)行以下命令來創(chuàng)建一個(gè)新項(xiàng)目：

vue create hello-world

警告

如果你在 Windows 上通過 minTTY 使用 Git Bash，交互提示符并不工作。你必須通過 winpty vue.cmd create hello-world 啟動(dòng)這個(gè)命令。不過，如果你仍想使用 vue create hello-world，則可以通過在 ~/.bashrc 文件中添加以下行來為命令添加別名。 alias vue='winpty vue.cmd' 你需要重新啟動(dòng) Git Bash 終端會(huì)話以使更新后的 bashrc 文件生效。

你會(huì)被提示選取一個(gè) preset。你可以選默認(rèn)的包含了基本的 Babel + ESLint 設(shè)置的 preset，也可以選“手動(dòng)選擇特性”來選取需要的特性。

這個(gè)默認(rèn)的設(shè)置非常適合快速創(chuàng)建一個(gè)新項(xiàng)目的原型，而手動(dòng)設(shè)置則提供了更多的選項(xiàng)，它們是面向生產(chǎn)的項(xiàng)目更加需要的。

如果你決定手動(dòng)選擇特性，在操作提示的最后你可以選擇將已選項(xiàng)保存為一個(gè)將來可復(fù)用的 preset。我們會(huì)在下一個(gè)章節(jié)討論 preset 和插件。

~/.vuerc

被保存的 preset 將會(huì)存在用戶的 home 目錄下一個(gè)名為 .vuerc 的 JSON 文件里。如果你想要修改被保存的 preset / 選項(xiàng)，可以編輯這個(gè)文件。

在項(xiàng)目創(chuàng)建的過程中，你也會(huì)被提示選擇喜歡的包管理器或使用淘寶 npm 鏡像源以更快地安裝依賴。這些選擇也將會(huì)存入 ~/.vuerc。

vue create 命令有一些可選項(xiàng)，你可以通過運(yùn)行以下命令進(jìn)行探索：

vue create --help

用法：create [options] <app-name>

創(chuàng)建一個(gè)由 `vue-cli-service` 提供支持的新項(xiàng)目


選項(xiàng)：

  -p, --preset <presetName>       忽略提示符并使用已保存的或遠(yuǎn)程的預(yù)設(shè)選項(xiàng)
  -d, --default                   忽略提示符并使用默認(rèn)預(yù)設(shè)選項(xiàng)
  -i, --inlinePreset <json>       忽略提示符并使用內(nèi)聯(lián)的 JSON 字符串預(yù)設(shè)選項(xiàng)
  -m, --packageManager <command>  在安裝依賴時(shí)使用指定的 npm 客戶端
  -r, --registry <url>            在安裝依賴時(shí)使用指定的 npm registry
  -g, --git [message]             強(qiáng)制 / 跳過 git 初始化，并可選的指定初始化提交信息
  -n, --no-git                    跳過 git 初始化
  -f, --force                     覆寫目標(biāo)目錄可能存在的配置
  -c, --clone                     使用 git clone 獲取遠(yuǎn)程預(yù)設(shè)選項(xiàng)
  -x, --proxy                     使用指定的代理創(chuàng)建項(xiàng)目
  -b, --bare                      創(chuàng)建項(xiàng)目時(shí)省略默認(rèn)組件中的新手指導(dǎo)信息
  -h, --help                      輸出使用幫助信息

使用圖形化界面

你也可以通過 vue ui 命令以圖形化界面創(chuàng)建和管理項(xiàng)目：

vue ui

上述命令會(huì)打開一個(gè)瀏覽器窗口，并以圖形化界面將你引導(dǎo)至項(xiàng)目創(chuàng)建的流程。

拉取 2.x 模板 (舊版本)

Vue CLI >= 3 和舊版使用了相同的 vue 命令，所以 Vue CLI 2 (vue-cli) 被覆蓋了。如果你仍然需要使用舊版本的 vue init 功能，你可以全局安裝一個(gè)橋接工具：

npm install -g @vue/cli-init
# `vue init` 的運(yùn)行效果將會(huì)跟 `vue-cli@2.x` 相同
vue init webpack my-project