1.cmd+R 檢視是否安裝node環境和vue,
node -v 出現版本號
如果沒有,去下載安裝,地址: Node.js — Download Node.js® (nodejs.org)
vue -V 出現版本號
如果沒有, 輸入命令列,全域性安裝或升級腳手架
npm install -g @vue/cli
2.建立vue專案 (專案名自己起)
vue create 專案名
建立成功之後會有提示 選擇vue3
3. 專案建立成功後,vscode開啟檔案,開啟終端
cd vuetypescript //進入該專案(我的專案名是vuetypescript)
npm run dev //啟動該專案
4.安裝typescript
npm install -g typescript //全域性安裝 npm install typescript --save-dev //專案安裝
參考: vue3專案中加入typescript配置 - 掘金 (juejin.cn)
5.安裝配置sass
npm install sass
參考 :vue3:安裝配置sass_vue3 sass-CSDN部落格
或者參考:vue3 專案中使用 sass - 掘金 (juejin.cn)
npm install sass sass-loader --save-dev
6.安裝elementPlus
npm install element-plus --save
在main.ts中全域性引入element-plus
參考:【vue3.0 引入Element Plus步驟與使用】_vue3引入elementplus直接使用嗎-CSDN部落格
7.安裝路由依賴
npm install vue-router@4
參考: vue3中vue-router詳解:基本使用,路由跳轉,巢狀路由,動態路由,路由守衛 - 掘金 (juejin.cn)
8.axios跨域問題
9.