vscode插件&主题

vscode插件记录和主题建议

Auto Close Tag

+ 自动闭合标签

Auto Rename Tag

+ 双标签更改时自动同步

Beautify

+ 代码美化工具

Bracket Pair Colorrizer

+ 给括号着色, 使之更易识别

vscode插件&主题_第1张图片

Chinese

+ vscode 的中文语言包

Color Picker

+ 颜色选择工具

Dracula Official

+ 吸血鬼主题

vscode插件&主题_第2张图片

Flatland Monokai Theme

+ sublime主题

vscode插件&主题_第3张图片

GitLens-Git supercharged

+ git 日志

vscode插件&主题_第4张图片

HTML CSS Support

+ html, css支持

JavaScript (ES6) code snippets

+ es6支持

npm

+ npm包提示

Path Intellisense

+ 路径补全

React Native Tools

+ `React Native` 语法支持

vscode插件&主题_第5张图片

React-Native/React/Redux snippets for es6/es7

+ `React` 语法支持

Sass

+ `Sass`支持

vscode插件&主题_第6张图片

Settings Sync

+ 通过github 同步插件

Vetur

+ `Vue` 插件

vscode-icons

+ 文件图标插件

vscode插件&主题_第7张图片

Debugger for Chrome

+ 在vscode中调试页面

vscode插件&主题_第8张图片

2018-08-07更新:
添加设置json

{
    "editor.fontSize": 20,
    "editor.tabSize": 2,
    "editor.renderIndentGuides": false,
    "editor.fontFamily": "Courier Prime Sans",
    "editor.wordWrap": "on",
    "editor.lineHeight": 36,
    "explorer.confirmDragAndDrop": false,
    "workbench.startupEditor": "newUntitledFile",
    "explorer.confirmDelete": false,
    "gitlens.keymap": "alternate",
    "gitlens.advanced.messages": {
        "suppressShowKeyBindingsNotice": true
    },
    "workbench.iconTheme": "vscode-icons",
    "workbench.colorTheme": "Flatland Monokai"
}

效果:

vscode插件&主题_第9张图片

你可能感兴趣的:(vscode插件&主题)