【工具】VScode 插件安装以及插件推荐

插件安装

常见插件

中文语言包 - Chinese (Simplified) Language Pack for Visual Studio Code

在vscode中快速打开html文件 - open in browser

安装完成之后，当你右键html文件时，会多出以下两个选项
Open In Default Browser：使用默认浏览器打开html文件
Open In Other Browsers: 使用其他浏览器打开html文件

Eslint 代码规范检查工具

Eslint的配置

vscode 扩展设置: 依次点击文件 > 首选项 > 设置 > 扩展 > Eslint

{
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true,
    },
    "eslint.codeActionsOnSave.mode": "all",
    "eslint.validate": [
        "vue",
        "javascript",
        "javascriptreact",
        "typescript",
        "typescriptreact"
    ],
    "eslint.codeAction.showDocumentation": {
        "enable": true
    },
    "eslint.probe": [
        "javascript",
        "javascriptreact",
        "typescript",
        "typescriptreact",
        "html",
        "vue",
        "markdown"
    ],
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[vue]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    }
}