(注:本文中所有的配置專案,盡可能在使用win+r下的cmd視窗進行配置,避免挖坑,關閉視窗屬性中的 《快速編輯模式》)
2.檢查執行環境
node -v
npm -v
3.配置映象加速
npm config set registry
npm install -g @vue/cli(注:中間可能有卡頓,等待幾分鐘)
npm i -g @vue/cli-init
sudo npm install -g webpack
5.測試vue環境
vue -v(大寫)
如果測試環境失敗,則需要配置系統變數
vue安裝位置在安裝的時候有提示,直接配置到系統變數,值為vue目錄
安裝完後配置系統變數 python，值為 python安裝目錄/**/python.exe，
然後在配置乙個系統變數python_home，值為pythoy
安
裝路徑(資料夾),最後將這兩個變數新增到path中
7.初始化vue專案
新建乙個資料夾,在該檔案下開啟命令cmd視窗,執行
vue init webpack 《專案名(隨便起)>
8.以管理員身份開啟vscode
點選檔案==>開啟初始化好的vue專案資料夾====>開啟終端==>
執行以下命令:
npm install
1.如果報錯 :
error: can『t find python executable 「python「, you can set the python env variable
執行以下命令:
npm install --global --production windows-build-tools
2.如果報錯:[email protected]: `node install.js`
然後執行以下命令:
npm install chromedriver --chromedriver_filepath=(壓縮包的絕對路徑)
3.如果報錯:no such file or directory, scandir '......\node_modules\node-sass\vendor'........
執行以下命令:
npm rebuild node-sass
最後輸入
npm run dev
如有不足歡迎補充@_@
vue專案初始化詳細步驟
第二步 安裝vue cli手腳架 在cmd下執行命令cnpm install vue cli g 第三步 進入需要新建專案的目錄 cd d test 第四步 執行命令 vue init webpack demo 注 demo是專案名稱 第五步 顯示project nanme 目錄名 回車 proje...
如何用vue cli初始化乙個vue專案
解析打包.vue檔案 vue為了能夠使我們在專案開發中對元件進行更好的維護，提供了乙個單檔案元件系統，vue把每乙個獨立的元件放在乙個.vue的檔案中，在這個檔案中提供基礎三個自定義標籤 1.template 2.script 3.style 來放置元件不同的內容塊，但是因為瀏覽器不能夠直接去識別該...
vue初始化專案
速查 vue v npm v sudo npm install global vue cli sudo npm install g vue cli init 進入包下 vue init webpack home檢查node和npm版本 node vv14.3.0 npm v6.14.5 安裝vue ...