涉及:
- 代碼倉庫:Gitee
- 后端:JDK環(huán)境,IDEA軟件
- 前端:Node.js環(huán)境,VS Code軟件
- 還未涉及:服務器、數(shù)據(jù)庫
一、代碼倉庫
1.Gitee
為了避免github卡,本次暫時使用Gitee(碼云)。
官網(wǎng)如下:Gitee.com,如果沒有帳號請注冊一個帳號。
2.Git
我們使用Git來管理代碼。在官網(wǎng)下載即可:Git - Install for Windows

打開安裝包文件安裝,安裝路徑可以自定義,選項選如下幾個即可:

其他一般默認就行了。
桌面上的git bash客戶端打開后可以用來做命令行操作。
3.Git連接Gitee
①配置Git用戶信息
在連接Gitee之前,需要配置你的Git用戶名和郵箱。打開Git Bash,執(zhí)行以下命令:
git config --global user.name "你的用戶名"
git config --global user.email "你的郵箱"
注意替換的時候不要刪除雙引號。
②生成SSH密鑰(可選但推薦)
為了安全地與Gitee進行交互,建議使用SSH密鑰而不是HTTPS。
打開Git Bash,執(zhí)行以下命令生成SSH密鑰:
# 生成新的SSH密鑰
ssh-keygen -t rsa -C "你的郵箱"
連續(xù)按Enter三次,使用默認設置保存密鑰到默認位置(你的用戶目錄/.ssh/id_rsa),。
③將SSH密鑰添加到Gitee
打開Gitee.com,登錄你的賬號。
點擊右上角頭像彈出的“設置” > “SSH公鑰”,點擊“新增公鑰”。
將用戶目錄/.ssh/id_rsa.pub文件用記事本打開,里面的內容復制到Gitee的公鑰輸入框中,然后點擊“添加”。


④驗證SSH連接
為了驗證SSH密鑰是否配置正確,可以運行以下命令:
ssh -T git@gitee.com
剛開始會彈出一個疑問,輸入yes。
接下來如果配置正確,你應該會看到一條Gitee的歡迎信息。

后面就可以使用SSH或HTTPS URL克隆Gitee倉庫了。
二、后端
1.Java環(huán)境
(1)JDK21下載和安裝
前往Oracle官網(wǎng)(Java Downloads | Oracle 中國),點擊下載JDK21,目前版本是21.0.10。

打開下載好的文件進行安裝。點擊下一步即可,這里的安裝路徑后面要用到最好記一下(可更改),默認為 C:\Program Files\Java\jdk-21.0.10。安裝完點擊關閉按鈕完成安裝。

(2)配置環(huán)境變量
①添加JDK的bin目錄到系統(tǒng)的PATH環(huán)境變量中,這樣你就可以在命令行中直接使用java和javac命令了。
在windows搜索框輸入“高級系統(tǒng)設置”,打開如下界面。

點擊 “環(huán)境變量” -> “系統(tǒng)變量”-> “新建”。

②添加如下兩個變量:
變量名1:
JAVA_HOME變量值1:
C:\Program Files\Java\jdk-21.0.10(你安裝JDK的位置)
變量名2:
CLASSPATH變量值2:
.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar
(如果已經(jīng)有名為
CLASSPATH的變量則編輯其變量值,在后面添加即可)
③在系統(tǒng)變量中找到Path變量,點擊進行編輯,新建,添加%JAVA_HOME%\bin。


JAVA_HOME: 通過設置JAVA_HOME來明確告訴系統(tǒng)JDK的主目錄在哪。Java相關的程序和工具會依賴這個變量來找到JDK的核心庫和可執(zhí)行文件。
PATH: PATH環(huán)境變量用于指定系統(tǒng)查找可執(zhí)行文件的路徑。例如,在命令行中輸入javac命令時,系統(tǒng)會從PATH中查找javac的可執(zhí)行文件,并執(zhí)行。
CLASSPATH: CLASSPATH指定了JVM從哪里查找這些類文件的路徑。
(3)驗證Java安裝
打開git bash,輸入以下命令來驗證Java是否正確安裝:
java -version
javac -version
這兩個命令應該分別顯示Java的運行時版本和編譯器的版本,如圖所示:

如果命令沒生效,可以重啟電腦。
2.IntelliJ IDEA
可以從官網(wǎng)下載最新版本的 IntelliJ IDEA:下載 IntelliJ IDEA

三、前端
1.Node.js
(1)Node.js下載和安裝
在官網(wǎng)下載Node.js的安裝包,下載最新的LTS版本安裝包:Node.js — 下載 Node.js?

使用安裝包安裝??梢赃x擇自定義路徑,一般都默認即可。
(2)驗證Node.js安裝
打開git bash,輸入以下命令來驗證Node.js是否正確安裝:
node -v
npm -v
如圖所示,會顯示已經(jīng)安裝的版本:

2.VS Code
(1)VS Code下載和安裝
去官網(wǎng)Visual Studio Code - The open source AI code editor下載安裝包:

打開安裝包安裝,選項默認即可,可以修改安裝路徑,可以選擇添加快捷方式到桌面。
軟件默認是英文版,如果想把軟件改為中文,可以打開VS Code,按Ctrl+Shift+P打開命令面板,搜索并選擇“Configure Display Language”,然后選擇“中文(簡體) zh-CN”,等待其安裝,按提示重啟 VSCode 即可生效。

(2)VS Code插件安裝
運行VS Code,安裝一些插件。


推薦安裝如下插件:
- Vue (Official) 必裝,Vue 官方支持
- ESLint 代碼檢查
- Prettier 代碼格式化
- Auto Close Tag 自動閉合標簽
- Path Intellisense 路徑智能提示
- GitLens Git 增強
- Volar 是Vue語言支持插件,為Vue 3深度優(yōu)化
四、其他
TBD,先把前面的都安好,后續(xù)還有數(shù)據(jù)庫和服務器之類,有需要再寫