使用npm搭建vue

2021-10-07 15:17:10 字數 1255 閱讀 8028

0.1、開啟命令提示符視窗,輸入npm -v 回車,有版本號顯示 說明npm已安裝。

0.2、輸入node -v 回車,有版本號顯示說明nodejs已經安裝。之後就可以直接安裝vue。

命令輸入

1、npm install vue -g 回車 安裝vue 。

2、npm install vue-cli -g 回車 安裝vue-cli.

3、vue -v 回車 有版本號顯示 說明vue安裝已經完成。對照圖下圖

3.1、報錯『vue』不是內部或者外部指令。說明需要配置環境變數。對照圖3.1

3.2、配置環境變數,右擊我的電腦

3.3、選擇屬性開啟 對照圖3.2

3.4、選擇高階系統設定開啟

3.5、選擇環境變數設定 對照圖3.5

3.6、環境變數設定 可以選擇使用者也可以是系統,(建議選擇使用者的)。然後找到安裝的vue檔案件找到vue.cmd 。把這個檔案的路徑寫進去儲存。對照圖3.6。開啟命令提示符視窗,輸入vue -v 回車檢視版本號。

初始化專案

4、顯示版本號之後就說明 vue已經裝好了, 可以建立自己的專案了。

開啟命令提示符視窗 cd /你的專案目錄 例如:cd c:/vue.輸入指令 vue initwebpack storevue。

4.1 使用git 建立專案 選擇你專案的資料夾右擊,選擇git bush hree,開啟git視窗輸入指令vue init webpack storevue.同命令窗指令相同。

5、建專案是根據提示輸入你需要的配置,

5.1、你的專案名稱 回車

5.2、你的專案描述 回車

5.3、專案中vue的build 回車

5.4、使用vue的路由 回車

5.5、語法檢測 y/n 回車

5.6、單元測試y/n 回車

npm從頭搭建vue步驟

2.安裝node.js時,會預設裝上npm,即生成乙個命令指令碼npm.cmd,放在node.js安裝根目錄中 系統環境變數中有該路徑 該指令碼就是用node.js去執行乙個js檔案npm cli.js 全稱node package manager 意思是node包管理器 檢查 npm v 若沒有出...

npm使用vue開發總結

常用命令 1.編譯 npm run bulid 2.啟動 npm run dev 問題一 打包後,html檔案沒有引號 build目錄webpack.prod.conf.js有一項配置 removeattributequotes為false 如果是多頁面配置 是在build utils.js中 問題...

npm使用vue路由 vue router

命令列執行 npm install vue router來安裝vue router模組到專案目錄下。建議使用 映象的cnpm命令 main.js檔案新增 import vue from vue import vuerouter from vue router vue.use vuerouter 通過...