Vue CLI 建立專案

2022-08-27 17:39:14 字數 742 閱讀 5365

執行以下命令【vue create [專案名]】來建立乙個新專案:

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,也可以選「手動選擇特性」來選取需要的特性。

你也可以通過 【vue ui】命令以圖形化介面建立和管理專案:

vue ui
上述命令會開啟乙個瀏覽器視窗,並以圖形化介面將你引導至專案建立的流程。

輸入命令時無需指定某個路徑目錄下,安裝vue cli是全域性的

你可以通過http://localhost:8000/網頁控制台建立或者匯入vue專案

vue cli 建立專案

1 windows r 快捷鍵 輸入 cmd 開啟 2 輸入 node v 檢視是否安裝node.js環境 3 執行 vue create vuename vuename 專案名稱 出現 這個請直接回車 他會繼續建立專案 4 專案建立完成,後面就是專案的內容完成了 5 vue 路由設定 import...

vue cli3建立專案

預設 引入elementui 1.安裝element ui npm i element ui s 2.在main.js上新增 import elementui from element ui import element ui lib theme chalk index.css vue.use el...

vue cli 建立快速 vue 專案

注意這安裝的是 vue cli2 版本的 vue 專案!雖然可以安裝,但是就目前而言並不適用!一般現在都用vue cli 3 1.首相你需要先有 node.js 使用node v npm v 去查詢自己是否安裝好 2.由於使用npm 下包很慢,因為是國際的問題,所以我們可以使用國內的 映象 映象安裝...