1. 配置

默认字体
颜色主题
Solarized Dark
目录图表集
User Settings
{
"files.autoSave": "afterDelay", //短暂延迟后自动保存
"editor.fontFamily": "Fira Code", //默认字体
"editor.fontSize": 13, //字体大小
"editor.lineHeight": 22, //字体行高
"workbench.colorTheme": "Solarized Dark", //颜色主题
"workbench.iconTheme": "vscode-great-icons", //目录图标集
"fileheader.Author": "[name]", //头部注释插件默认作者
"fileheader.LastModifiedBy": "[name]", //头部注释插件默认修改者
}
2. 前端插件

Auto Close Tag - 自动关闭标签

Auto Import - 自动导入包

Auto Rename Tag - 自动重命名标签尾

Babel JavaScript - ES6/React 语法高亮

Beautify - 代码美化

Bookmarks - 单行添加标签

Bracket Pair Colorizer - 符号组着色

Can I Use - 兼容性显示

Code Spell Checker - 单词拼写检测

Color Highlight - 颜色高亮

Color Picker - 颜色选择

CSS Peek - 样式定位

CSS-in-JS - js 中 css 提示

cssrem - css 转 rem

Debugger for Chrome - Chrome 调试器

Document This - js 文件注释

ESLint - js 语法检测

filesize - 文件大小显示

Git Blame - Git 序列号显示

Git History - Git 提交记录

GitLens — Git supercharged - 每行提交记录

HTML CSS Support - 样式提示

HTML Snippets - HTML 代码片段提示

HTMLHint - HTML 语法检测

htmltagwrap - HTML 标签包裹

JavaScript (ES6) code snippets - ES6/React 代码片段提示

jQuery Code Snippets - jQuery 代码片段提示

markdownlint - md 语法检测

npm - npm 扩展插件

open in browser - 用浏览器打开

Path Intellisense - 路径自动补全

Prettier - Code formatter - 代码格式化

Regex Previewer - 正则实时测试

stylelint - 样式语法检测

Sublime Babel - Babel 高亮补丁

SVG Viewer - SVG 预览

TODO Highlight - TODO 注释高亮

TSLint - TS 语法检测

VSCode Great Icons - 目录图标集

vscode-faker - 模拟数据生成

vscode-fileheader - 文件头部注释
网友评论