Vue項目創建初始化兩種方法,一是命令創建,二是在它的ui圖形界面去創建(我一般用ui,主要懶得打那么多命令)~ 創建的時候一定要確保node是否安裝,npm一般都會自帶的,檢查它們版本的命令就是:node -V 以及 npm -V ,如果要更新npm的版本就可以輸入npm install -g npm
先說命令創建初始化:
首先安裝vue-cli 命令:npm install vue-cli -g //全局安裝腳手架
新建vue項目:vue init webpack "你的項目名稱"
安裝依賴:npm install
運行項目:npm run dev(這個是2.0版本的) || npm run serve(4.0版本的) //至於這個,你可以在packgjson.js里的scripts里找到
//一定要注意,運行的時候路徑是否是你的項目路徑,切換路徑是cd "你的項目名",打開項目后如果要打開終端,可以用ctrl+shift+~就可以了
現在來說一下ui圖形界面創建項目:
首先新建一個文件夾,把文件夾用編輯器打開,然后打開終端,輸入 vue ui 就可以了,進入后,點擊Vue項目管理器下面的創建(如果有文件,可以直接選擇導入)
//這個就是我們進來后的界面
如果我們要安裝axios或者是其他的一些ui組件庫,可以點擊依賴,然后在安裝依賴這里點擊,輸入你要的插件名,找到后,點擊兩下就可以自己下載了~
//下載完后
如果要運行項目,點擊任務,再點擊旁邊的serve,再點擊運行,運行成功后,點擊啟動app就可以了~
主要就是這些,有什么不懂的可以多去看看官網:https://cn.vuejs.org/