Windows準備JAVA+VUE編程環(huán)境-軟件安裝

涉及:

  • 代碼倉庫: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)境變量中,這樣你就可以在命令行中直接使用javajavac命令了。
在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ù)庫和服務器之類,有需要再寫

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容