VSCode Vue3.x 專案Git版本控制（Gitblit倉庫），常用快捷鍵、外掛、及VSCode中文化

概述：作為一個團隊開發的專案，版本管理是必備的，本文主要在VSCode使用Git版本控制工具，Git版本伺服器搭建採用的是Gitblit，伺服器的搭建可參見《CentOS使用Gitblit快速搭建git伺服器》。附帶常用的幾個快捷鍵，常用的外掛，以及VSCode開發工具的中文化。

一、 Git（gitblit）倉庫版本管理

1、登入gitblit伺服器，形如： http://bj9420.com:10101/

2、版本庫->建立版本庫

3、輸入專案名稱

5、複製URL，形如http://[email protected]:10101/r/bj9420.git

7、選擇專案資料夾

8、在終端中，可使用git命令

#A:初始化本地庫(會生成 .git 檔案)

git init

#B:關聯遠端gitblit倉庫

#（貼上複製URL，如http://[email protected]:10101/r/bj9420.git）git remote add origin +倉庫地URL地址

#C:填郵箱

#D:填使用者名稱（至止.git資料夾中就有賬戶、郵箱等連線資訊）

git config --global user.name "bj9420"

#E:檢視狀態

git status

#F跟蹤所有改動過的檔案

git add .

#G:提交所有更新過的檔案

git commit -m "init project"

#H:上傳程式碼至遠端master主分支

git push -u origin master

或直接git push

注：根據提示輸入gitblit使用者密碼。

這樣，基本完成了在VSCode中，專案程式碼用DOS命令的版本管理,最後增程式碼的變化，在Git的管理就是重複F、G、H三步驟。

附：DOS命令提交外，也可以使用VSCode圖形介面工具完成部分步驟

3、彈出提示

5、回車，即完成程式碼的提交，但要提交到遠端Gitblit的Git倉庫，還是需要使用命令來完成

git push

三、 常用快捷鍵

格式化程式碼：alt+shift+f

程式碼行註釋：ctrl+/

程式碼塊註釋：alt+shift+a

複製一行：alt+shift+↓

整行程式碼下移：alt+↓

整行程式碼上移：alt+↑

三、 常用外掛

1、中文外掛：Chinese (Simplified) Language Pack for Visual Studio Code

中文外掛安裝後，切換可用快捷鍵ctrl+shit+p，輸入lang，在下拉中選擇Configure Display Language

彈出提示重啟

重啟後即生效

2、Vue相關外掛

Vue tooling for VS Code

Vue VSCode Extension Pack

VueHelper

四、 yarn和npm命令對比