一、整個流程：
安裝nodejs >> 安裝vue >> 安裝vue-cli >> 初始化 webpack(生成代碼) >> 安裝依賴 >> 運行vue程式
二、詳細安裝流程：
1.安裝nodejs
下載：https://nodejs.org/dist/v12.18.3/node-v12.18.3-x64.msi
安裝：雙擊、next、next、next……（安裝路徑隨意）
檢查安裝結果：
ps：安裝程序默認配置了環境變數(node 和npm)，查看環境變數：path
配置鏡像站
npm config set registry=http://registry.npm.taobao.org
查看配置資訊
npm config list
2.安裝vue
npm install vue -g
安裝模塊：vue-router
npm install vue-router -g
3.安裝vue-cli (腳手架)
ps：不配置國內鏡像站，可能安裝很慢
npm install vue-cli -g
安裝的三個模塊都在這里??
4.初始化 webpack
這個程序是互動式的，需要用戶自行配置，藍色字為用戶輸入
vue init webpack hellovue
畫紅線的配置：
- vue-router 路由管理器
- ESLint js代碼檢測工具
- unit tests 單元測驗
- e2e tests with Nightwatch 使用Nightwatch 來做e2e測驗（端對端測驗）
5.安裝依賴
cd hellovue
npm install
6.運行hellovue 專案
npm run dev
訪問測驗
當目前為止就全部O啦
彩蛋：歡迎頁面有很多東西哦??
三、一些問題：
1.‘vue-cli-service’ 不是內部或外部命令，也不是可運行的程式或批處理檔案
原因：沒有安裝依賴， 命令：
2.“Release|x64”，MSBUILD : error MSB3428: 未能加載 Visual C++ 組件“VCBuild.exe”，
要解決此問題：1) 安裝 .NET Framework 2.0 SDK；2) 安裝 Microsoft Visual Studio 2005；或 3) 如果將該組件安裝到了其他位置，請將其位置添加到系統路徑中， [D:\project\vue-element-admin\node_modules\node-sass\build\binding.sln]已完成生成專案“D:\project\vue-element-admin\node_modules\node-sass\build\binding.sln”
解決辦法： 1、設定變數 sass_binary_site，指向淘寶鏡像地址 npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/ 2、windows編譯環境 npm install -g node-gyp npm install --global --production windows-build-tools
參考博客：
https://www.cnblogs.com/651434092qq/p/11090737.html
https://blog.csdn.net/weixin_38704176/article/details/103780137
轉載指明出處：https://www.cnblogs.com/dennyLee2025/p/12505837.html
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/21677.html
標籤：JavaScript
上一篇：Vue/Cli4 參考靜態圖片