vscode配置

VScode

修改背景图

修改不受支持

常用插件

// Chinese (Simplified) Language Pack for Visual Studio Code
汉化
​
// open in browser
在快捷菜单中添加了在默认浏览器查看文件选项
​
// Live Server
具有实时加载功能的小型服务器
​
// Project Manager
工程项目过多时，shift+cmd+p(shift+ctrl+p) 然后输入project，第一次选择edit Project编辑自己的工程项目，之后就可以直接选择open打开你的项目
​
// vscode-icons
目录树图标
​
// Dracula Official
主题
​
// koroFileHeader
一键生成注释格式
​
// GitLens — Git supercharged
git源代码管理
​
// Prettier
自动格式化代码
​
// Auto Close Tag
自动添加HTML / XML关闭标签（必备）
​
// Auto Rename Tag
自动重命名配对的HTML / XML标签(必备)
​
// Bracket Pair Colorizer
用于匹配相同着色的括号
​
// jQuery Code Snippets
自动提示jQuery代码
​
// Code Spell Checker
代码拼写检查
​
// Path Intellisense
路径自动补全（必备）
​
// HTML CSS Support
在 html 标签上写class 智能提示当前项目所支持的样式（必备）
​
// HTML Snippets
html 代码片段（必备）
​
// JavaScript (ES6) code snippets
es6代码片段（必备）
​
// markdownlint
markdown 语法检查
​
// Highlight Matching Tag
实时高亮匹配标签
​
// CSS Peek
可以追踪至样式表中 CSS 类和 ids 定义的地方

vue系列

// vetur
语法高亮、智能感知
​
// VueHelper
vue代码片段
​
// Vue TypeScript Snippets
vue的 typescript 代码片段
​
// Vue 2 Snippets
vue 2代码片段

React 系列

// React-Native/React/Redux snippets for es6/es7
react代码片段，下载人数超多
​
// react-beautify
格式化 javascript, JSX, typescript, TSX 文件
​
// ES7 React/Redux/GraphQL/React-Native snippets
生成react代码块以及快速补全react代码

个人vscode配置

{
  // 编辑区配置
  "editor.fontFamily": "‘Cascadia Code’,'黑体'",
  "editor.fontSize": 18,
  "editor.fontWeight": "500",
  "editor.wordWrap": "on",
  "editor.renameOnType": true,
  "editor.multiCursorModifier": "ctrlCmd",
  "editor.formatOnPaste": false,
  "editor.lineHeight": 40,
  "editor.fontLigatures": true,
  "editor.minimap.enabled": false,
  "zenMode.hideActivityBar": false,
  "window.menuBarVisibility": "default",
  "workbench.activityBar.visible": true,
  "workbench.startupEditor": "newUntitledFile",
  "liveServer.settings.donotShowInfoMsg": true,
  // 控制资源管理器配置
  "explorer.confirmDelete": false,
  "explorer.confirmDragAndDrop": false,
  "workbench.tips.enabled": false,
  "workbench.tree.indent": 16,
  "workbench.tree.renderIndentGuides": "none",
  // 更新配置
  "update.enableWindowsBackgroundUpdates": false,
  "update.mode": "manual",
  "vsicons.dontShowNewVersionMessage": true,
  // 文件配置
  "files.enableTrash": false,
  "files.autoSave": "afterDelay",
  // Git相关配置
  "terminal.integrated.shell.windows": "D:\Git\bin\bash.exe",
  "git.path": "D:/Git/cmd/git.exe",
  "git.autofetch": true,
  "git.confirmSync": false,
  "git.ignoreWindowsGit27Warning": true,
  // 针对某种语言，配置替代编辑器设置
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[css]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[less]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[jsonc]": {
    "editor.defaultFormatter": "vscode.json-language-features"
  },
  "[vue]": {
    "editor.defaultFormatter": "octref.vetur"
  },
  // 主题及图标配置
  "workbench.colorTheme": "GitHub Dark",
  "workbench.iconTheme": "vscode-icons",
  // 背景设置
  "backgroundCover.imagePath": "d:\VS Code\background.jpg",
  "backgroundCover.opacity": 0.8,
  // 终端配置
  "terminal.integrated.fontFamily": "‘Cascadia Code’,'黑体'",
  "terminal.integrated.fontSize": 18,
  "terminal.integrated.fontWeight": 400,
  "editor.largeFileOptimizations": false,
  "security.workspace.trust.untrustedFiles": "open",
  "liveServer.settings.donotVerifyTags": true,
  "files.associations": {
    "*.jsx": "javascriptreact"
  },
  /*  prettier的配置 */
  "prettier.printWidth": 300, // 超过最大值换行
  "prettier.tabWidth": 4, // 缩进字节数
  "prettier.semi": true, // 句尾添加分号
  "prettier.singleQuote": true, // 使用单引号代替双引号
  "prettier.bracketSpacing": true, // 在对象，数组括号与文字之间加空格 "{ foo: bar }"
  "prettier.jsxBracketSameLine": false, // 在jsx中把'>' 是否单独放一行
  "prettier.jsxSingleQuote": false, // 在jsx中使用单引号代替双引号
  "breadcrumbs.enabled": false,
  // 文件头部注释
  "fileheader.customMade": {
    "Descripttion": "",
    "Author": "wtx",
    "Date": "Do not edit",
  },
  //函数注释
  "fileheader.cursorMode": {
    "descripttion": "",
    "param": "",
    "return": ""
  },
}