如何将VS Code从零设置成一个完美的JavaScript开发工具[🏠 返回首页](https://flavioco

如何将VS Code从零设置成一个完美的JavaScript开发工具

我最近买了一台新的Mac（MacBook Air），我必须安装一个新的VS Code，所以我花时间记录了我所做的事情，使我的编码体验与我的老MacBook Pro相当，它持续了9年的巨大数量。

也请看我的VS Code介绍帖子

以下是我所做的。

我安装了Fira Code并将其设置为我的字体家族
我把Tab大小设置为2（这是我的信仰）。空格。2个空格。
我把**/node_modules 添加到排除的文件中，以防止它们出现在文件列表中。
我启用了粘贴时的格式和保存时的格式
启用了字体连接符
禁用了最小地图
启用了修剪尾部空白的功能
我安装了Sublime Text Keymap插件。它提供了显示/隐藏侧边栏的快捷方式cmd-K cmd-B ，关闭文件的快捷方式cmd-W ，以及更多。

接下来我安装了一些主题。这取决于你的品味。我喜欢在

Palenight主题
Nostromo
夜猫子
阿尤

接下来我安装了这些扩展。

伪装
CSS类名的智能提示
意图4-2
ESLint
重复操作
括号对着色器2
BabelES6/ES7
ES7 React/Redux/GraphQL/React-Native片段
TODO 亮点

这是一个开始使用JavaScript和React的好例子。

这是我的用户设置JSON，在根据我的口味和需要进行配置后。

{
    "editor.fontFamily": "Fira Code",
    "editor.tabSize": 2,
    "editor.wordWrap": "bounded",
    "files.exclude": {
        "**/node_modules": true
    },
    "editor.formatOnPaste": true,
    "editor.formatOnSave": true,
    "editor.minimap.enabled": false,
    "workbench.colorTheme": "Tomorrow Night Blue",
    "files.trimTrailingWhitespace": true,
    "workbench.activityBar.visible": false,
    "window.zoomLevel": 2,
    "editor.cursorBlinking": "smooth",
    "editor.fontLigatures": true,
    "prettier.jsxBracketSameLine": true,
    "prettier.jsxSingleQuote": true,
    "prettier.singleQuote": true,
    "prettier.semi": false,
    "[markdown]": {
        "editor.renderWhitespace": "all",
        "editor.acceptSuggestionOnEnter": "off",
        "editor.parameterHints.enabled": false,
        "editor.quickSuggestions": false,
        "editor.snippetSuggestions": "none",
    }
}

[markdown] 部分增加了针对Markdown的配置。在这种情况下，我禁用了所有在写作时分散我注意力的弹出窗口，这些窗口在编码时是有用的。

就这样了。

也可以看看VS Code对React开发的设置!

编码愉快!