vue3+ts+elementPlus專案搭建

怂的一批的蜗牛發表於2024-05-14

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.

相關文章