vscode指南


常用功能

常用快捷鍵

所有快捷鍵的查看方法: 如下圖, 打開vscode, 點擊 幫助 -> 快捷鍵參考 ,將會彈出一個pdf網頁,裏面有所有快捷鍵方式. linux版本的快捷鍵pdf可直接點擊這裏訪問
注意: 下面快捷鍵基於vscode的linux版本,對於其他版本不一定適用.

  • 返回上一個光標位置:ctrl + alt + -
  • 返回下一個光標位置:ctrl + sift + -
  • 打開終端:ctrl + `,注意不是單引號,而是左上角數字鍵1左邊的那個按鍵。

好用的插件

適用於大衆的插件:

  • Settings Sync | 同步vscode的設置和已經下載的插件到github, 在新電腦上下載該插件可一鍵還原插件和設置
  • Alignment | 自動對齊代碼 | This extension align chars in selection. It helps creating clean, formatted code.
  • AutoFileName | 字符串輸入文件名時, 自動補全文件名
  • Bracket Pair Colorizer | 匹配各種類型的括號, 並且不同匹配對用不同顏色區分 | This extension allows matching brackets to be identified with colours. The user can define which characters to match, and which colours to use.
  • indent-rainbow | 提供了彩虹縮進功能,table或空格縮進後顯示不同彩色 | This extension colorizes the indentation in front of your text alternating four different colors on each step. Some may find it helpful in writing code for Nim or Python.
  • TODO Highlight | 高亮TODO文本, 方便你快速找到自己TODO的地方. 當然也可以定製要高亮的文本

適用於C/C++的插件:

  • C/C++ | C++開發必裝, 提供C++支持和語法高亮 | This preview release of the C/C++ extension adds language support for C/C++ to Visual Studio Code, including features such as IntelliSense and debugging.
  • CMake | C++開發必裝, 提供cmake支持,如語法高亮和補全等
  • GLSL Lint | 提供了GLSL的lint功能 | This extension supports linting of GLS (OpenGL Shading Language). It uses the OpenGL and OpenGL ES shader validator
  • Shader languages support for VS Code | vscode進行shader編程必裝
  • vscode-cudacpp | 提供了一些cuda的語法高亮和補全等, 要想支持.cu文件跳轉, 還需要看這裏:設置VScode支持.cu文件語法高亮及跳轉的方法 | This extension supports most of the basic CUDA keywords and functions.

適用於web開發的插件:

  • Auto Rename Tag | HTML標籤通常成對出現,該插件可實現修改其中一個標籤,另一個配對的標籤也對應修改 | Automatically rename paired HTML/XML tag, same as Visual Studio IDE does.
  • CSS Peek | 提供CSS跳轉到定義等功能 | This extension extends HTML and ejs code editing with Go To Definition and Go To Symbol in Workspace support for css/scss/less (classes and IDs) found in strings within the source code.
  • Auto Close Tag | 自動添加HTML/XML的結束標籤 | Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text does.
  • IntelliSense for CSS class names in HTML | 提供CSS補全功能 | A Visual Studio Code extension that provides CSS class name completion for the HTML class attribute based on the definitions found in your workspace or external files referenced through the link element.
  • Live Server | 提供一個簡單的網頁服務器,讓你的html文件能在vscode中運行
  • Markdown Preview Enhanced | 讓vscode支持markdown文件

相關/參考鏈接

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章