vscode常用插件以及配置


本文為自用,僅供參考
** 2020.8.5更新**
TabNine (必備,很強,支持所有語言)
必備:

beauty(代碼格式化,支持主流語言)

Bracket Pair Colorizer(彩色括號,拯救你於重重調用)

chinese(漢化)

前端

Auto Close Tag

Auto rename Tag

HTML Snippets

color info

JavaScript (ES6) code snippets

open in browser

eslint

其它常用:

Code Runner:右鍵即可編譯運行單文件,很方便

風格主題:

ayu

深海主題 Material Theme

吸血鬼主題 Dracula Official

One Dark Pro

設置背景圖片[此插件修改通過vscode實現,小概率可能會導致vscode崩掉]:

插件:background

相關配置項:

background-size 參數的第一個設置背景圖大小

opacity 設置背景圖透明度,推薦0.1,可根據圖片適當調整。
文件路徑使用 ‘/’ 代替‘\’避免轉義。

/// background背景配置項

"files.eol": "\n",

"editor.suggest.snippetsPreventQuickSuggestions": false,

"editor.suggestSelection": "first",

"vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue", // formatting only supports LF line endings

"update.enableWindowsBackgroundUpdates": true,

"background.customImages": [

​ "file:///D:/code/workspvode/bgimg/孤獨小鎮.jpg"//圖片地址

],

"background.style": {

​ "content":"''",

​ "pointer-events":"none",

​ "position":"absolute",//圖片位置

​ "width":"100%",

​ "height":"100%",

​ "z-index":"99999",

​ "background.repeat":"no-repeat",

​ "background-size":"100%,25%",//圖片大小

​ "opacity":0.1 //透明度

},

"background.useFront": true,

"background.useDefault": false,//是否使用默認圖片

}

插件同步:

setting sync (vscode最新版本已經自帶此功能)

python:

cmd中執行以下命令:
pip install -U pylint --user

pip install flake8

tips:python通過pip安裝庫時可通過使用國內鏡像加速。
eg:pip install flask ==>pip install flask -i https://pypi.douban.com/simple/

go:

\1. 設置好環境變量go mod,goproxy,gopath,並且把%GOPATH\bin%加入path。

\2. 安裝go插件(微軟官方)

\3. ctrl + shift + p ,選擇Go:Install/Update Tools,選擇所有並下載。

Go自定義代碼段Demo(需要設置"editor.snippetSuggestions": "top",):

"editor.acceptSuggestionOnEnter": false,--> 此選項建議關閉

​ "fmt.Println": {

​ "prefix": "pln",

​ "body": [

​ "fmt.Println($1)",

​ ],

​ "description": "Log output to console"

},

"err 快速處理": {

​ "prefix": "herr",

​ "body": [

​ "if err != nil{",

​ "\tfmt.Printf("$1,error:%v",err)",

​ "}"

​ ],

​ "description": "快速err處理"

},

Vscode Setting示例https://github.com/lonely-root-number2/dotfiles/blob/master/vscode/settings.json

c/c++:

C/C++(Microsoft)

C/C++ Clang Command Adapter:提供靜態檢測(Lint),很重要

Include Autocomplete

常用全局代碼片段Demo:

"go: HelloWorld": {

​ "scope": "go",

​ "prefix": "headergo",

​ "body": [

​ "package main",

​ "//Create Date:$CURRENT_YEAR $CURRENT_MONTH_NAME $CURRENT_DATE $CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND $CURRENT_DAY_NAME_SHORT",

​ "//Auther:DY",

​ "//Desc:$1",

​ "//@Email:XX",

​ "\n",

​ "func main(){",

​ "\n",

​ "}"

​ ],

​ "description": "GO 快速開始"

},

"java: HelloWorld": {

​ "scope": "java",

​ "prefix": "headerjava",

​ "body": [

​ "//Create Date:$CURRENT_YEAR $CURRENT_MONTH_NAME $CURRENT_DATE $CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND $CURRENT_DAY_NAME_SHORT",

​ "//Auther:DY",

​ "//Desc:$1",

​ "//@Email:XX",

​ "\n",

​ "public class $TM_FILENAME_BASE{",

​ "\tpublic static void main(String[] args) {\n\t\tSystem.out.println("Hello World");\n\t}"

​ "}"

​ ],

​ "description": "Java 快速開始"

},

"c: HelloWorld":{

​ "scope": "c",

​ "prefix": "headerc",

​ "body": [

​ "//Create Date:$CURRENT_YEAR $CURRENT_MONTH_NAME $CURRENT_DATE $CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND $CURRENT_DAY_NAME_SHORT",

​ "//Auther:DY",

​ "//Desc:$1",

​ "//@Email:XX",

​ "\n",

​ "#include <stdio.h>\n",

​ "int main(){",

​ "\t$1",

​ "\treturn 0;",

​ "}"

​ ],

​ "description": "C 快速開始"

},

"Python: HelloWorld":{

​ "scope": "python",

​ "prefix": "headerpython",

​ "body": [

​ "#Create Date:$CURRENT_YEAR $CURRENT_MONTH_NAME $CURRENT_DATE $CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND $CURRENT_DAY_NAME_SHORT",

​ "#Auther:DY",

​ "#Desc:$1",

​ "#@Email:XX",

​ "\n",

​ "$2",

​ ],

​ "description": "Python 頭文件"

}

}

文件圖標推薦:

vscode-icon

ayu

material icon

路徑補全:

Path Intellisense

music:

vsc-netease-music

快速翻譯插件:

x-translator

打字輸入特效[賊炫,但可能會卡]:

power mode

個人推薦的快捷鍵配置:
以下快捷鍵名稱為安裝了Chinese插件后的。
關於快捷鍵部分,建議使用vscode或者jetbrain家任選一個熟悉然后在另一個ide中通過插件來達到使用熟悉的按鍵(例如在vscode中可以使用IntelliJ IDEA Keybindings 插件來修改按鍵到idea)

觸發參數提示:Ctrl + T Ctrl + S (提示[ti shi])
觸發建議:Ctrl + N (同Vim)    
向上/下復制行:Shift + Alt + UpArrow/DownArrow    
向上/下移動行: Alt + UpArrow
文件:聚焦到資源管理器試圖:ctrl + alt + 1
終端:聚焦到上方編輯器組:ctrl + alt + 2
終端:聚焦到終端:ctrl + alt + 3
cursorhome/cursorend  ==> ctrl + ;/ctrl + ' (回車左側倆)    
以下為其它常用快捷鍵,但推薦使用默認
刪除行        ctrl + k    
在下面插入行    ctrl + enter    
移動                
復制    
剪切        
格式化文檔      alt + shift +f    
切換行注釋      ctrl + /    
代碼行縮進     ctrl + [    ]
刪除光標右側的所有字  ctrl + delete
多行編輯(列編輯)       alt + (shift) +鼠標左鍵
擴展/縮小選取范圍: Shift+Alt+Left 和 Shift+Alt+Right
移動到定義處: F12  /  ctrl + 鼠標左鍵    
定義處縮略圖:只看一眼而不跳轉過去 Alt+F12

Lorem(亂數假文):

Lorem ipsum(使用參考介紹)

鼓勵師:

xx鼓勵師

其它:

Files:Auto Save選項推薦afterDelay

徹底卸載並且刪除用戶數據,刪除以下兩個目錄:

C:Users{user}AppDataRoamingCode和C:Users{user}.vscode
以上為個人經驗,如有錯誤,歡迎討論。禁止任何形式轉載


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM