vscode和插件配置

时间：2021-07-01 00:19:07 阅读：45 评论：0 收藏：0 [点我收藏+]

插件列表：

code --install-extension abusaidm.html-snippets
code --install-extension akamud.vscode-javascript-snippet-pack
code --install-extension christian-kohler.path-intellisense
code --install-extension CoenraadS.bracket-pair-colorizer
code --install-extension dbaeumer.vscode-eslint
code --install-extension formulahendry.auto-rename-tag
code --install-extension hollowtree.vue-snippets
code --install-extension MS-CEINTL.vscode-language-pack-zh-hans
code --install-extension ms-python.anaconda-extension-pack
code --install-extension ms-python.python
code --install-extension ms-vscode.cpptools
code --install-extension nonoroazoro.syncing
code --install-extension octref.vetur
code --install-extension redhat.vscode-yaml
code --install-extension Shan.code-settings-sync
code --install-extension VisualStudioExptTeam.vscodeintellicode
code --install-extension vscode-icons-team.vscode-icons

settings.json

{

"workbench.iconTheme": "vscode-icons",

"git.ignoreWindowsGit27Warning": true,

"workbench.colorTheme": "Solarized Light",

"files.autoSave": "off",

"editor.semanticTokenColorCustomizations": null,

//设置用户选中代码段的颜色

"workbench.colorCustomizations": {

"editorBracketMatch.background": "#e41313", //匹配括号的背景色

//"editorCursor.foreground": "#01cd78",//编辑器光标颜色

"activityBar.background": "#000000", //活动栏背景色

"activityBar.foreground": "#ffffff", //活动栏前景色，图标颜色

//"editor.background":"#C7EDCC",//编辑器背景颜色

"editor.findMatchBackground": "#9bcef0", //搜索项颜色

// "editor.findMatchHighlightBackground":"#01cd78",//其他搜索项颜色

// "editor.lineHighlightBackground":"#e4393c",//光标所在行高亮文本的背景颜色

// "editor.selectionBackground": "#01cd78",//编辑器所选内容的颜色

"editor.selectionHighlightBackground": "#9de28c", //与所选内容具有相同内容的区域颜色

// "editor.rangeHighlightBackground": "#e4393c",//突出显示范围的背景颜色，例如 "Quick Open" 和“查找”功能

//"editorGutter.background": "#01cd78",//编辑器导航线的背景色，导航线包括边缘符号和行号

// "editorLineNumber.foreground": "#01cd78",//编辑器行号颜色

// // "sideBar.background": "#01cd78",//侧边栏背景色

// "sideBar.foreground": "#01cd78",//侧边栏前景色

// "sideBarSectionHeader.background": "#01cd78",//侧边栏节标题的背景颜色

// "statusBar.background": "#01cd78",//标准状态栏背景色

// "statusBar.noFolderBackground": "#01cd78",//没有打开文件夹时状态栏的背景色

// "statusBar.debuggingBackground": "#01cd78",//调试程序时状态栏的背景色

"tab.activeBackground": "#0c41f2", // 活动选项卡的背景色

"tab.activeForeground": "#ffffff", // 活动组中活动选项卡的前景色

// "tab.inactiveBackground": "#01cd78",// 非活动选项卡的背景色

// "tab.inactiveForeground": "#01cd78",// 活动组中非活动选项卡的前景色

"terminal.foreground": "#000000", //终端字体颜色

// 函数名等颜色

"editor.tokenColorCustomizations": {

// "textMateRules": [

// {

// "scope":"",

// "settings": {

// "foreground": "#FF0000",

// "fontStyle": "bold"

// }

// ],//规则与样式

"functions": "#e43980", //函数颜色

"strings": "#847fb7", //字符串颜色

"keywords": "#ff0000", //关键字颜色

"types": "#c92020", //类型定义颜色

"variables": "#26912d", //变量颜色

"numbers": "#ff0000", //数字颜色

"comments": "#706e6e", //注释颜色

"vim.useCtrlKeys": false,

"editor.acceptSuggestionOnEnter": "smart",

"editor.codeActionsOnSave": {

"source.fixAll.eslint": true

"editor.suggestSelection": "first",

"vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",

"extensions.autoUpdate": false,

"extensions.autoCheckUpdates": false,

"C_Cpp.clang_format_path": "C:\\Program Files\\LLVM\\bin\\clang-format.exe",

//"C_Cpp.clang_format_path": "C:\\Program Files\\LLVM\\bin\\clang-format.exe",

"[cpp]": {

//"editor.defaultFormatter": "ms-vscode.cpptools",

"editor.formatOnType": true,

"editor.formatOnSave": true,

"vsicons.dontShowNewVersionMessage": true,

"update.enableWindowsBackgroundUpdates": false,

"files.associations": {

"*.vue": "html"

"emmet.triggerExpansionOnTab": true,

"emmet.includeLanguages": {

"vue-html": "html",

"vue": "html"

"editor.fontSize": 23,

"window.zoomLevel": -1,

// vscode默认启用了根据文件类型自动设置tabsize的选项

"editor.detectIndentation": false,

// 重新设定tabsize

"[html]": {

"editor.tabSize": 2,

"editor.tabSize": 4,

// #每次保存的时候自动格式化

"editor.formatOnSave": true,

// #每次保存的时候将代码按eslint格式进行修复

"eslint.autoFixOnSave": true,

// 添加 vue 支持

"eslint.validate": [

"javascript",

"javascriptreact",

{

"language": "vue",

"autoFix": true

}

// #让prettier使用eslint的代码格式进行校验

"prettier.eslintIntegration": true,

// #去掉代码结尾的分号

"prettier.semi": false,

// #使用带引号替代双引号

"prettier.singleQuote": true,

// #让函数(名)和后面的括号之间加个空格

"javascript.format.insertSpaceBeforeFunctionParenthesis": true,

// #这个按用户自身习惯选择

"vetur.format.defaultFormatter.html": "js-beautify-html",

// #让vue中的js按编辑器自带的ts格式进行格式化

"vetur.format.defaultFormatter.js": "vscode-typescript",

"vetur.format.defaultFormatterOptions": {

"js-beautify-html": {

"wrap_attributes": "force-aligned"

// #vue组件中html代码格式化样式

}

"vscode_custom_css.policy": true,

"search.exclude": {

"/node_modules": true,

"/dist": true,

"workbench.editor.wrapTabs": true

}

vscode和插件配置

原文：https://www.cnblogs.com/gongkiro/p/14956616.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)