亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

clone 遠程倉庫

配置用戶名

git config --global user.name 'Github用戶名'

配置郵箱

git config --global user.email '你的郵箱'

克隆Github的遠程倉庫

git clone '倉庫地址'

在工作區(vscode)里打開文件夾（文件名即Github上的倉庫名）

進入當前文件夾路徑

cd （文件夾名)/

Tab鍵自動補齊

給本地倉庫(git)添加文件

git add 文件名

將單個信息提交到本地倉庫(git)

git commit 文件名

將所有信息提交到本地倉庫(git)

git commit -m '提交修改信息'? 比如git commit -m 'add 文件名'

將本地倉庫的所有信息提交到遠程倉庫中

git push

在Github里提交修改的信息 再更新本地文件里的信息

git pull

checkout 剪出分支

本地誤刪了文件 要想恢復 git checkout 文件名

git相當于從本地倉庫剪出一個分支 因為刪除的文件的工作區的

常用插件：

1. CSS Peek:html 與css關聯
   

2. Prettier:代碼格式化

3. Lcon Fonts:圖標集，如Font Awesome. Glyphicons

4. Auto Rename Tag:自動修改標簽

5. HTML Boilerplate:HTML模板

6. Color Info:顏色提示

7. Auto Close Tag:自動閉合標簽

8. HTML CSS Support: html中 css class的智能提示
   

1. git是一個開源的分布式版本控制系統，可以有效 /高速地處理從很小到非常大的項目版本管理。
   

2. 

快捷鍵映射：文件——首選項——按鍵映射（ctrl+K ctrl+M)

自定義快捷鍵：文件——首選項——鍵盤快捷方式（ctrl+K ctrl+S)

主體設置

【1】顏色主題

選擇顏色主題：文件——>首選項——>顏色主題

快捷鍵：ctrl+k+t

也可以通過打開命令面板來打開顏色主題：打開命令面板——>輸入theme

打開命令面板：查看——>命令面板（或者ctrl+shift+p)

下載安裝擴展顏色主題：

在活動欄搜索theme插件（但是注意顏色主題和圖標主題都帶theme，圖標主題帶有ICON），安裝之后顏色主題中就會有該顏色了，如果不想使用可以直接卸載，也可以通過在文件——>首選項——>顏色主題最下方安裝其他顏色主題。

禁用默認顏色主題：點擊擴展，點擊三個點，選中內置的擴展，選中主題這一欄點擊禁用即可。

【2】文件圖標主題

選擇圖標主題：文件——>首選項——>文件圖標主題

安裝擴展圖標主題：與顏色主題一樣，在圖標主題下方，安裝其他文件圖標主題，還可以按照安裝計數、評分等排序。

用戶界面

VSCode的基本布局：

【1】活動欄：最左側的一列，包括資源管理器、查找、源代碼管理（也就是接下來要講解的Git）、debug調式（一般用于后端的調理）、插件安裝

【2】側欄：活動欄里具體的項。

【3】編輯器：編寫代碼的區域

【4】面板：左下角有個錯誤和警告的提示，點擊出來的就是面板。該面板包括問題、輸出、調試控制器、終端，常用的就是終端，比如建Vue項目時就會使用它，相當于cmd。

【5】狀態欄：最下面這一條，包括警告和錯誤，行列代表鼠標所在位置，空格代表縮進（因為不同的格式標準由不同的格式要求，有的是4空格縮進，有的是兩空格縮進，還可以使用tab縮進），還包括字符集，行尾序列，語言模式（不需要手動設置，他可以自動識別）。

項目的新建與引入

【a】文件夾的操作

軟件中沒有新建文件夾功能，這里通過在桌面創建文件夾，在軟件內打開文件夾就會自動引入該文件了。

創建項目的目錄：項目包括常見的CSS、JS，這里可以點擊第二個圖標新建文件夾，第一個是新建文件，第三個是刷新，第四個是折疊（所有打開的文件夾都會關閉）。

【b】文件的操作：點擊第一個圖片就可以新建文件，也可以點擊文件夾來創建文件。

注意：在vscode新建文件時，一定要加后綴，如果不加，它就相當于一個文本。

Visual Studio Code課程介紹

vscode簡介：一塊免費的、開源的、高性能的、跨平臺的、輕量級的代碼編輯器。

vscode優點：免費、開源、有海量的擴展插件（可以更好的幫助編寫代碼），輕量（不會占用大量的內存和CPU，不會對電腦造成卡頓）

課程內容：

【a】用戶配置（界面，主題，快捷鍵等配置）

【b】Git配置（Git下載、安裝、使用）

【c】擴展插件的安裝和使用（包括常見的插件介紹）

VSCode下載與安裝：

百度搜索vscode或者直接訪問https://code.visualstudio.com/(安裝過程中，有個添加到PATH默認是勾選的，因為在使用一些后端的語言時，它需要PATH的支持，比如node、python。

軟件的漢化：?左邊的菜單欄，最后一個圖片，方塊它是一個擴展插件的安裝頁面，這里搜索Chinese

git基本操作

1. 右鍵/git bash here打開
   

2. 配置用戶名及郵箱 $ git config --global? user.name '用戶名? '

3. $ git config --global uesr.email '郵箱'

4. $ git clone 'URL' 【clone克隆地址】

5. $ cd vscode/【修改當前文件夾路徑以便add成功】

6. $ git add index.js 【add添加文件】

7. $ git commit -m 'add index.js(提交信息)' 【commit提交，務必有 -m】

8. $ git push 【push推送到本地倉庫】

9. $ git pull 【pull提取至本地端，開工首件】

10. $ git checkout index.js【checkout剪出分支，可恢復刪除文件】
    

百度 git官網? / download

百度 GitHub官網? / 注冊 gitHub(遠程開源庫，面向開源及私有軟件項目的托管平臺)

????????????Git工作流

remote 遠程倉庫

repository 本地倉庫

workspace 工作端

clone 克隆

checkout剪出至本地

add添加

commit 提交信息（本地倉庫）

push上傳?

pull下載別人的代碼

常用插件推薦

CSS Peek ： html與css關聯

Prettier: 代碼格式化

Icon Fonts:圖標集，如Font Awesome、Glyphicons

Auto Rename Tag:自動修改標簽

HTML CSS Support:html 中css class的智能提示

git流程

css peek????html與css關聯由html標簽de上的css id或class直接定位到對應的css

prettier????代碼格式化

icon fonts????圖標集如font awesome,glyphicons

auto rename tag????自動修改標簽

html boilerplate????html模板

color info????顏色提示

auto close tag????自動閉合標簽

html css suport????html中css class的智能提示

提交是提交到本地倉庫

推送是推送到遠程倉庫

1. clone遠程倉庫

2. 配置用戶名和郵箱：右鍵git bash here在打開git命令行

git config --global user.name 'github用戶名'

git config --global user.email 'github郵箱'

3.clone遠程倉庫到本機

git clone 'github新建的倉庫地址'

4.vscode打開clone的文件夾vscode，新建文件 index.js

5.在git bash中

cd vscode/ ????????進入文件夾

git add index.js????添加文件

git commit -m '提交信息' 或git commit?-m '提交信息' index.js????提交全部或單個文件

git push 推送本地修改到github

git pull 從github拉取修改

git checkout 可以將工作區誤刪的文件從本地倉庫再次檢出