react项目环境-优快云博客

本文详细介绍了一套针对VSCode的高效配置方案，包括编辑器设置、自动保存禁用、代码验证关闭等，并推荐了多个JavaScript相关的扩展插件，如language-stylus、JavaScriptStandardStyle、Documentthis、React-Native/React/Reduxsnippets等，适用于JavaScript、React和Vue开发者。

vscode扩展

language-stylus
JavaScript Standard Style
Document this
React-Native/React/Redux snippets for es6/es7
JavaScript Standard Style（用standard.js做代码规范）

vscode设置

{
    "editor.tabSize": 2,
    "editor.fontSize": 17,
    "files.autoSave": "off",
    "javascript.validate.enable": false,
    "emmet.triggerExpansionOnTab": true,
    "standard.autoFixOnSave": true,
    "standard.validate": [{
            "language": "javascript",
            "autoFix": true
        },
        {
            "language": "javascriptreact",
            "autoFix": true
        },
        {
            "language": "vue",
            "autoFix": true
        },
        "html"
    ],
    // "standard.options": {
    //     "plugins": [
    //         "html"
    //     ]
    // },
    "workbench.statusBar.visible": false,
    "files.associations": {
        "*.vue": "vue"
    },
    "window.zoomLevel": 0,
    "java.errors.incompleteClasspath.severity": "ignore",
    "extensions.ignoreRecommendations": false,
    "javascript.updateImportsOnFileMove.enabled": "always",
    "workbench.activityBar.visible": true,
    "workbench.sideBar.location": "right",
    "editor.fontFamily": "Monaco, 'Courier New', monospace",
    "editor.fontWeight": "300",
    "git.enableSmartCommit": true,
    "explorer.confirmDelete": false,
    "workbench.colorTheme": "Atom One Dark",
    "gitlens.views.search.files.layout": "tree",
    "editor.minimap.enabled": true,
    "typescript.check.npmIsInstalled": false,
    "[javascriptreact]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    }
}
复制代码