VSCode優點:
1、免費,開源
2、海量插件
3、輕量
去官網下載,傻瓜式安裝
漢化:

中文簡體安裝完成之后記得重啟
設定縮進方式:(根據自己的喜好)

主題設定:
檔案--首選項--顏色主題
可以通過上下鍵切換顏色進行預覽
禁用主題:


可以選定主題進行禁用
圖示主題:
檔案--首選項--檔案圖示主題--安裝其他圖示主題
選一個自己喜歡的(通常我選擇下載量較大的)安裝

切換之后圖示樣式真的很不錯了

用戶和作業區的區別:
用戶設定:全域的
作業區設定:僅在打開作業區時有效
(作業區設定,全堆疊工程師常用;純前端一般使用用戶設定較多)
檔案--首選項--設定--用戶設定
進行常用設定
(按住alt可以進行多行輸入,sublime中是用的ctrl)

常用快捷鍵介紹:
ctrl+c 復制(選中文本時復制選中的部分,未選中文本時復制游標所在行)
ctrl+v 黏貼
ctrl+x 剪切
ctrl+f 查找(游標在搜索框里,按回車查找下一個;游標不在搜索框里,按f3查找下一個)
ctrl+h 替換
ctrl+s 保存
ctrl+/ 行注釋(再來一次就是取消注釋)
shift+alt+a 塊注釋(再來一次就是取消注釋)
ctrl+shift+enter 上方插入一行
ctrl+shift+f 檔案夾查找
ctrl+enter 下方插入一行
alt+shift+f 格式化代碼(或者右鍵--格式化檔案)
使用檔案夾查找時,滑鼠不要放在編輯器內,要放在編輯器外

快捷鍵映射:
將其他編輯器的快捷鍵遷移到VSCode上
檔案--首選項--按鍵映射
自定義快捷鍵:
檔案--首選項--按鍵快捷方式
vscode使用git:

1、下載安裝好git
2、注冊github賬號
3、git bash打開命令列,git config配置用戶名和郵箱
4、git clone 克隆遠程倉庫


可以看到桌面上多了一個git檔案夾,就是克隆下來的倉庫
5、添加或者修改檔案之后,git add 檔案名 (記得先進入專案目錄中)
6、git commit -m 評論
7、git push (把本地倉庫上傳到遠程倉庫)
8、可能會提示需要輸入用戶名和密碼
9、重繪github可以看到本地的內容已經提交到github倉庫了


也可以在github上在線編輯檔案(commit changes)

使用git pull 將github上的倉庫拉到本地
如果在作業區誤刪了檔案,可以使用git checkout 檔案名 (檢出被誤刪的檔案)

vscode使用git:


加號可以將更改提交到暫存區
點擊勾勾提交到本地倉庫
點擊...,推送,可以提交到github倉庫(可能得輸入賬號密碼)
插件安裝:
常用插件推薦:
css peek:關聯html和css

作用是:按住ctrl,滑鼠放到元素上,會顯示關聯的樣式
再按住ctrl+點擊,能夠跳轉到對應的css檔案樣式位置

prettier 代碼格式化(vscode自帶的格式化工具有可能不太全)
安裝好之后右鍵格式化檔案即可
icon fonts 圖示集
注意:工具只是提供了圖示集的提示資訊,比如輸入fa,會出現font awesome的圖示提示,但是css檔案還是需要手動去引入的
auto rename tag 自動修改標簽
效果:修改完開始標簽,會自動把結束標簽也給改了
html boilerplate 補全html模板(vscode默認只有html標簽)
輸入html補全模板(包括兼容IE的寫法)


color info 顏色提示
auto close tag 自動閉合標簽
html css support 是html中css中樣式名的智能提示
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/113716.html
標籤:JavaScript
上一篇:Javascript判斷客戶端是Android還是IOS,判斷瀏覽器型別
下一篇:版本管理工具介紹—Git篇
