### 外观配置 - 配色、字体： ``` bash { "workbench.colorTheme": "Visual Studio Dark", "editor.fontSize": 20, "editor.fontFamily": "Consolas, 'Courier New', monospace", } ``` - 主题： atom one dark - [VSCode Great Icons](https://marketplace.visualstudio.com/items?itemName=emmanuelbeziat.vscode-great-icons) 图标 - [background](https://marketplace.visualstudio.com/items?itemName=shalldie.background) 背景 ### 工具 - [Atom Keymap](https://marketplace.visualstudio.com/items?itemName=ms-vscode.atom-keybindings) - [Import Cost](https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost) 计算引入文件大小 - [Bracket Pair Colorizer](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer) 用更清晰的彩色展示 `()/[]/{}` - [View InBrowser](https://marketplace.visualstudio.com/items?itemName=qinjia.view-in-browser)在浏览器中打开 - [beautify](https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify)美化代码 - `filesize` 计算当前文件大小 ### html - [html-snippets](https://marketplace.visualstudio.com/items?itemName=abusaidm.html-snippets) ``` bash div --> <div></div> doc --> <!DOCTYPE html> a --> <a href=""></a> ``` - [Atuo Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag)修改 html 标签，自动帮你完成尾部闭合标签的同步修改 ### sass - Atom Sass Snippet - Easy Sass 自动编译 ### vue - [Vue VSCode Snippets](https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-snippets) 快捷键 | 功能 ---|--- vbase | 生成vue基础模板 vimport | `import New from './components/New.vue';` vmodel 、 vsrc 、 vclass、 vfor 、von | `<template>` 生成对应语法模板 vdata 、 vmethod 、vcomputed 、vfilter |`<script>` 生成对应语法模板 - [VueHelper](https://marketplace.visualstudio.com/items?itemName=oysun.vuehelper) vue代码片段 ### Typescript - [Auto Import](https://marketplace.visualstudio.com/items?itemName=steoates.autoimport) 自动引入引用路径 ### Markdown - markdownlint markdown校验 - Markdown-TOC 自动生成markdown目录 - Markdown Preview Enhanced 预览
外观配置
配色、字体：
{ "workbench.colorTheme": "Visual Studio Dark", "editor.fontSize": 20, "editor.fontFamily": "Consolas, 'Courier New', monospace", }主题： atom one dark
VSCode Great Icons 图标
background 背景
工具
Atom Keymap
Import Cost 计算引入文件大小
Bracket Pair Colorizer 用更清晰的彩色展示
()/[]/{}View InBrowser在浏览器中打开
beautify美化代码
filesize计算当前文件大小html
html-snippets
Atuo Rename Tag修改 html 标签，自动帮你完成尾部闭合标签的同步修改
sass
vue
import New from './components/New.vue';<template>生成对应语法模板<script>生成对应语法模板Typescript
Markdown