Vue CLI 官方提供的腳手架工具伶唯,目前已更新到vue cli 3坦报,和之前的2還是有很大區(qū)別的。
安裝cli
npm install -g @vue/cli
# OR
yarn global add @vue/cli
查看cli版本
vue -V
vue --version
快速原型開(kāi)發(fā)
vue serve
和 vue build
命令對(duì)單個(gè) *.vue
文件進(jìn)行快速原型開(kāi)發(fā)莉炉,不過(guò)這需要先額外安裝一個(gè)全局的擴(kuò)展:
npm install -g @vue/cli-service-global
vue serve
在文件目錄直接運(yùn)行vue serve
命令
vue serve [options] [entry]
options:
-o, --open 打開(kāi)瀏覽器
-c, --copy 將本地 URL 復(fù)制到剪切板
-h, --help 輸出用法信息
vue serve
和 vue create
將使用創(chuàng)建項(xiàng)目時(shí)相同的默認(rèn)設(shè)置 (webpack庶骄、Babel、PostCSS 和 ESLint)灌诅。如果不指定入口文件芳来,會(huì)查找 main.js
、index.js
猜拾、App.vue
或 app.vue
這些文件即舌。
如果需要,你還可以提供一個(gè) index.html
挎袜、package.json
顽聂、安裝并使用本地依賴、甚至通過(guò)相應(yīng)的配置文件配置 Babel盯仪、PostCSS 和 ESLint紊搪。
vue build
你也可以使用 vue build
將目標(biāo)文件構(gòu)建成一個(gè)生產(chǎn)環(huán)境的包并用來(lái)部署:
vue build [options] [entry]
在生產(chǎn)環(huán)境模式下零配置構(gòu)建一個(gè) .js 或 .vue 文件
Options:
-t, --target <target> 構(gòu)建目標(biāo) (app | lib | wc | wc-async, 默認(rèn)值:app)
-n, --name <name> 庫(kù)的名字或 Web Components 組件的名字 (默認(rèn)值:入口文件名)
-d, --dest <dir> 輸出目錄 (默認(rèn)值:dist)
-h, --help 輸出用法信息
創(chuàng)建一個(gè)項(xiàng)目
vue create
vue create test
可以選默認(rèn)的包含了基本的 Babel + ESLint 設(shè)置的 preset,也可以選“手動(dòng)選擇特性”來(lái)選取需要的特性磨总。
更多設(shè)置項(xiàng):
vue 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)制 / 跳過(guò) git 初始化嗦明,并可選的指定初始化提交信息
-n, --no-git 跳過(guò) 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 輸出使用幫助信息
使用圖形化界面
也可以使用ui界面進(jìn)行創(chuàng)建項(xiàng)目
vue ui
然后根據(jù)界面提示進(jìn)行操作創(chuàng)建項(xiàng)目。