配置VS代码

如何将VS Code从零设置为JavaScript开发的理想工具

我最近购买了一台新的Mac(MacBook Air),并且必须安装新的VS Code,所以我花时间记录了我所做的工作,以使我的编码体验与旧的MacBook Pro相当,这种体验持续了9年。年。

看我的VS代码介绍也发布

这是我所做的:

  1. 我安装了费拉密码并将其设置为我的字体家族
  2. 我将“标签大小”设置为2(这是我的信仰)。空格。 2个空格。
  3. 我加了**/node_modules排除文件,以防止它们出现在文件列表中
  4. 我启用了粘贴格式保存时格式化
  5. 已启用字体连字
  6. 禁用小地图
  7. 已启用修剪尾随空白
  8. 我安装了Sublime Text Keymap插件。它给cmd-K cmd-B显示/隐藏侧边栏的快捷方式,cmd-W关闭文件等等。

接下来,我安装了一些主题。这取决于你的口味。我喜欢在两者之间切换

  • 白夜主题
  • 诺斯特罗莫
  • 夜猫子
  • 阿玉

接下来,我安装了这些扩展:

这是开始使用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特定的配置。在这种情况下,我将禁用所有在编写时分散我注意力的弹出窗口,否则这些弹出窗口在编码时会很有用。

而已。

还签出用于React开发的VS代码设置

祝您编码愉快!


更多devtools教程: