vscode 使用

vscode 使用
1、配置
Ctrl + Shift + P 或 F1 打開命令面板(也可以使用 查看->命令面板打開);
輸入 user settings 后按回車打開用戶配置;
2、插件
Ctrl + Shift + P 或 F1 打開擴展面板,輸入 install 后按回車打開擴展安裝面板;或點擊側(cè)邊欄的最后一個按鈕;
或使用ctrl + shift + x命令打開;或使用 查看->擴展打開擴展面板。

在對話框中輸入[string ]@sort:installs可以根據(jù)下載量排序查看,選擇所需插件,單擊安裝即可。
@sort:installs:根據(jù)下載量排序查看所有插件,asc 升序排列,desc 降序排列。
@sort:rating :分級查看,asc 升序排列,desc 降序排列。
string可以為空

**推薦插件
C/C++:添加C/C++支持,包括但不限于自動補全
Python:自動縮進,補全,查錯,debug,代碼格式化等等
beautify:格式化html,css,js
vscode-icons:一款很火的圖標主題
HTML Snippets:可以在不輸入 < 的情況下提示
View In Browser:在瀏覽器中打開 HTML 文件
Crane - PHP Intellisense:PHP代碼的自動補全插件
jQuery Code Snippets:一款jQuery重度患者的插件
Debugger for Chrome :調(diào)試JavaScript
Git History:顯示git log和line history

Git 的使用
需要本機已經(jīng)安裝 Git
無需安裝插件,單機側(cè)邊欄的第三個圖標即可進行 add、commit、push、pull。(或者使用ctrl+shift+g打開,或使用 查看->Git 打開Git)

主題更換
圖標主題:Ctrl+shift +p 打開命令面板,輸入 icon theme 后回車,選擇一個即可。
顏色主題:Ctrl+shift +p 打開命令面板,輸入 color theme 后回車,選擇一個即可。
跳轉(zhuǎn)

跳轉(zhuǎn)到文件:Ctrl+P。
跳轉(zhuǎn)到符號:Ctrl+shift+o,可以跳轉(zhuǎn)到文件中的方括號、大括號等等。
跳轉(zhuǎn)到行:Ctrl+G,可以跳轉(zhuǎn)到指定行。

Debug
使用ctrl+d 打開debug面板。
可以根據(jù)需要配置launch.json

常用功能
Emmet:使用 Tab 自動補全HTML標簽
Markdown Preview:使用 Ctrl + shift + v預覽markdown文件
使用shift + alt + up/down可以向上/下復制選中內(nèi)容或者當前行

2.常用插件:

View In Browser

  • 預覽頁面(ctrl+F1)

vscode-icons

  • 側(cè)欄的圖標,對于一個有視覺強迫癥的人是必須要的

HTML Snippets

  • 支持HTML5的標簽提示

HTML CSS support

  • css自動補齊

JS-CSS-HTML Formatter
格式化

jQuery Code Snippets
jquery 自動提示

Path Autocomplete

  • 路徑自動補齊

Npm Intellisense

  • npm包代碼提示

ESLint

  • 檢測JS必備

Debugger for Chrome

  • 方便調(diào)試
    Auto Rename Tag
  • 自動同步修改標簽

Bootstrap 3 Snippets

  • bootstrap必備

Vue 2 Snippets

  • vue必備

background

  • 一個萌萌的插件,可以自己設置vsc的背景圖

3.常用快捷鍵

(在快捷鍵部分, ? 指 Command 鍵,? 指 Shift 鍵,? 指 Control 鍵,? 指 Option/Alt 鍵。)

這里主要就是實驗F1上的快捷鍵,一些我認為沒用的我就不列出來了。

向上(下)復制行 shift + alt + top(down)

向上(下)移動行* alt + top(down)*

新建一個窗口 ctrl + shift + N

行增加縮進: ctrl + [

行減少縮進 * ctrl + ]**

裁剪尾隨空格(去掉一行的末尾那些沒用的空格): ctrl + shift + x

強烈建議把這個啟用,這樣保存的時候就會自動刪掉那些沒用的空格,在很多公司的代碼規(guī)范里都是不允許存在這些空格的。

顯示隱藏側(cè)邊欄:ctrl + B

拆分編輯器(最多拆分成三塊):ctrl + /按ctrl + 1(2,3)就可以在拆分后的編輯器里切換

方法縮小ctrl +(-)

關閉編輯器 ctrl + W(F4)

切換編輯器 ctrl + shift + left(right)

也可以用 ctrl+1(2,3)

顯示和隱藏側(cè)邊欄 ctrl + B

切換全屏 F11

切換自動換行 alt + Z

顯示Git ctrl + shift + G

前提是你的項目必須是一個git項目

這個還是很有用的,有時候我們的屏幕不夠大,可是代碼沒有自動換行,所以被遮住的代碼就會看不到,但是你用這個快捷鍵就可以換行看到了。這個我是在用戶設置里面設置成自動換行的。

修改用戶設置
把默認的用戶設置成適合我們自己的還是很重要的。

也很簡單,文件 – 首選項 – 用戶設置,然后出來左邊的默認設置是不能改的,需要在右邊settings.json中覆蓋。

修改快捷鍵
文件 – 首選項 – 鍵盤快捷方式,和修改用戶設置的時候一樣,找到你要修改的快捷鍵名字,右邊覆蓋就可以了,一些還沒有綁定快捷鍵的功能可以在左邊的最下面看到,然后快捷鍵的名字就是這個。

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

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容