VScode编辑器最好用的几款必备插件和设置

vscode 扩展↓

Auto Close Tag

自动补全代码块

Beautify

美化代码 (将一行代码编程嵌套)

Color Info

显示css颜色块 (可以自定义颜色)

HTML Boilerplate

标准HTML样板代码

minify

用F1 缩小为单个文件 , 保存为minify

One Monokai Theme

字体美化彩色 (自用比较舒服的代码美化主题)

Path Intellisense

路径智能感知(自动查找填充文件路径名称)

Power Mode

打字动画 (只有美化功能)

Prettier - Code formatter

更漂亮的代码格式化程序

Quokka.js

代码扩展

React Native Extension Pack

React Native项目提供了一个开发环境

Vetur

vue 语法加亮 片段 错误检查 格式化 调试

Vue 2 Snippets

vue 代码提示

View In Browser

设置默认浏览器打开方式

"view-in-browser.customBrowser": "chrome"

Open In Default Browser

可以选择浏览器打开方式

设置中配置的文件↓

{
    "security.workspace.trust.untrustedFiles": "open",
    "git.ignoreMissingGitWarning": true,
    "workbench.colorTheme": "One Monokai",
    "markdown.preview.fontSize": 22,
    "editor.fontSize": 20,
    "open-in-browser.default": "chrome",
    "files.autoSave": "onFocusChange",
    "editor.formatOnPaste": true,
    "window.zoomLevel": -1,
    "update.enableWindowsBackgroundUpdates": true,
    "emmet.triggerExpansionOnTab": true,
    "emmet.includeLanguages": {
        "vue-html":"html",
        "javascript":"javascriptreact",
        "wxml":"html"
    }
}