1.首先下載環境
(默認下好了VS code)
Node.js:?Node.js 中文網 — 下載 Node.js
選擇要下載的版本
檢查環境:
在命令行中輸入 node ,檢查版本號
2.創建工程
1.找到自己要創建工程的文件目錄,右鍵打開打開終端
在終端輸入創建命令:
npm create vue@latest
(建議電腦自帶的終端,別的有可能報錯)
可能原因:
about_Execution_Policies - PowerShell | Microsoft Learn
2.配置自己的需求
1.輸入項目名稱
2.選項目需要的功能(因人而異)
3.回車創建完成
3.打開工程
1.在VScode中打開已經創建好的vue3工程文件夾
2.根據提示安裝拓展插件
只安裝提示的就行
這個已棄用:
3.安裝所有的依賴
作用:讓TS認識其他各種文件(可以ctrl + 鼠標左鍵查看,比如 CSS)
在終端輸入 安裝所有依賴的命令 npm i
npm i
解決的代碼問題:
生成文件:
補充:
建議使用系統自帶終端
原因:?about_Execution_Policies - PowerShell | Microsoft Learn
運行腳本命令
npm run dev