VSCode 常用插件推荐
在日常的开发过程中大部分时间是在使用 VSCode 作为主力开发工具。
下面简单的记录一下自己常用的一些插件和设置。
(2022年重新更新一下,之前的文章是19年写的,很多插件已经过时了。)
日常开发任务,主要涉及:
1、C++软件开发
2、Python软件开发、Python深度学习
3、前端web开发,React为主。
所以,下面就就分为四块,从通用插件、C++插件、Python插件、Web前端插件的角度来进行介绍。
通用插件
- 远程开发:
2. 代码阅读 / 代码标记
3. 特殊格式文件阅读
4. 编辑器格式配置
C++插件
- C++基础开发环境
Python插件
- Python基础开发环境
网页前端插件
- 格式美化
2. HTML浏览器跳转
3. 到CSS的自动跳转
4. HTTP接口测试
4. JS语法检查
5. React语法提示
6. host管理
一些常用的设置
{
/**
* @description: Welcome Page
*/
"workbench.startupEditor": "newUntitledFile",
"workbench.editor.untitled.hint": "hidden",
"security.workspace.trust.enabled": false,
"workbench.settings.editor": "json",
/**
* @description: Tab
*/
"workbench.editor.tabCloseButton": "left",
"editor.stickyScroll.enabled": true,
"workbench.layoutControl.enabled": false,
"workbench.editor.enablePreview": true,
/**
* @description: Explorer
*/
"files.exclude": {
"**/__pycache__": true,
"**/.vscode": true,
"**/.*": true
},
/**
* @description: Editor
*/
"editor.bracketPairColorization.enabled": true,
"editor.guides.bracketPairsHorizontal": true,
"editor.guides.indentation": true,
"editor.guides.bracketPairs": true,
"workbench.colorCustomizations": {
"editor.lineHighlightBackground": "#1073cf2d",
"editor.lineHighlightBorder": "#9fced11f"
},
"editor.rulers": [
80
],
"editor.wordWrap": "on",
// "diffEditor.wordWrap": "off",
"editor.renderControlCharacters": true, // show control character: https://www.zhihu.com/question/61638859
"editor.suggestSelection": "first",
/**
* @description: MiniMap
*/
"editor.minimap.enabled": false,
"editor.minimap.scale": 2,
"editor.minimap.maxColumn": 80,
/**
* @description: Terminal
*/
"terminal.integrated.tabs.enabled": true,
/**
* @description: Color Theme
*/
"window.autoDetectColorScheme": true,
"workbench.colorTheme": "Visual Studio Dark - C++",
"workbench.preferredLightColorTheme": "Visual Studio Light - C++",
"workbench.preferredDarkColorTheme": "Visual Studio Dark - C++",
/**
* @description: Font Size
*/
"editor.fontSize": 13,
"terminal.integrated.fontSize": 13,
"debug.console.fontSize": 13,
/**
* @description: Format
*/
"files.autoSave": "onFocusChange",
"editor.formatOnSave": true,
"files.eol": "\n",
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/**
* @ Extension: JavaScript
*/
"javascript.updateImportsOnFileMove.enabled": "always",
/**
* @ Extension: Jupyter
*/
"jupyter.askForKernelRestart": false,
/**
* @ Extension: Office Viewer
*/
"vscode-office.openOutline": false,
/**
* @ Extension: Python
*/
"python.formatting.provider": "yapf",
"python.linting.enabled": true,
"python.linting.lintOnSave": true,
"python.linting.pylintEnabled": false,
"python.linting.flake8Enabled": true,
"python.linting.flake8Args": [
"--ignore=E231,E501,W291,W292,W391"
],
/**
* @ Extension: Prettier
*/
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[json]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[jsonc]": {
"editor.defaultFormatter": "vscode.json-language-features"
},
/**
* @ Extension: Read-Only Indicator
*/
"fileAccess.indicatorAction": "toggle",
/**
* @ Extension: Remote SSH
*/
"remote.SSH.showLoginTerminal": true, //?
"remote.SSH.remotePlatform": {
"AMZ": "linux"
},
"terminal.integrated.profiles.linux": {
"csh": {
"path": "/bin/csh"
}
},
"terminal.integrated.defaultProfile.linux": "csh",
/**
* @ Extension: Todo Tree
*/
"todo-tree.general.tags": [
"?",
"^",
"~",
"-",
"+"
],
"todo-tree.highlights.customHighlight": {
"?": { // flag of question
"type": "text-and-comment",
"foreground": "Gold",
"icon": "question",
"gutterIcon": true,
"iconColour": "Gold"
},
"^": { // flag of note
"type": "text-and-comment",
"foreground": "#98C379", // #D69D85
"icon": "milestone",
"gutterIcon": true,
"iconColour": "#98C379" // #D69D85
},
"~": { // flag of code updated
"type": "text-and-comment",
"foreground": "#FF8C00",
"icon": "arrow-switch",
"gutterIcon": true,
"iconColour": "#FF8C00"
},
"-": { // flag of code deleted
"type": "text-and-comment",
"foreground": "#FF8C00",
"icon": "arrow-switch",
"gutterIcon": true,
"iconColour": "#FF8C00"
},
"+": { // flag of code added
"type": "text-and-comment",
"foreground": "#FF8C00",
"icon": "arrow-switch",
"gutterIcon": true,
"iconColour": "#FF8C00"
}
},
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
}
这里,我只适当的展示了我的部分设置,你可以根据自己的需求偏好进行个性化设置。
参考资料:
编辑于 2022-09-10 17:39