I recently got a new Mac (a MacBook Air) and I had to install a fresh VS Code, so I took the time to document what I did to make my coding experience equivalent to my old MacBook Pro, which lasted the enormous amount of 9 years.

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

See my post too

也请参阅我的帖子

Here is what I did:

这是我所做的：

1. I installed and set it as my Font Family

   我安装了并将其设置为我的字体家族

2. I set Tab Size to 2 (this is my religion). Spaces. 2 spaces.
   我将“标签大小”设置为2(这是我的信仰)。 空格。 2个空格。

3. I added **/node_modules to the Excluded Files to prevent them to show up in the file list

   我在排除文件中添加了**/node_modules ，以防止它们显示在文件列表中

4. I enabled Format on Paste and Format on Save

   我启用了“粘贴时 格式化”和“保存时格式化”

5. Enabled font ligatures

   启用的字体连字

6. Disabled the Minimap
   禁用小地图

7. Enabled Trim Trailing Whitespace

   启用的修剪尾随空白

8. I installed the . It gives the cmd-K cmd-B shortcut to show/hide the sidebar, cmd-W to close a file and more.

   我安装了 。 它提供了cmd-K cmd-B快捷方式来显示/隐藏侧边栏， cmd-W可以关闭文件等等。

Next I installed some themes. It depends on your taste. I like to switch between

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

• Palenight Theme
  白夜主题
• Nostromo
  诺斯特罗莫
• Night Owl
  夜猫子
• Ayu
  阿玉

Next I installed these extensions:

接下来，我安装了这些扩展：

• IntelliSense for CSS class names
  IntelliSense CSS类名称
• Intent 4-to-2
  目的4到2
• Duplicate action
  重复动作
• Bracket Pair Colorizer 2
  支架对着色器2

• ES6/ES7

  ES6 / ES7

• ES7 React///React-Native snippets

  ES7 React / / / React-Native片段

• TODO Highlight
  待办事项

This is a good set to start working with JavaScript and React.

这是开始使用JavaScript和React的良好条件。

This is my user settings JSON after configuring all according to my taste and needs:

根据我的喜好和需求配置所有内容后，这是我的用户设置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",    }}

The [markdown] section adds Markdown-specific configuration. In this case I disable all the popups that distract me while writing, which are otherwise useful when coding.

[markdown]部分添加了Markdown特定的配置。 在这种情况下，我将禁用所有在编写时分散我注意力的弹出窗口，否则这些弹出窗口在编码时会很有用。

That’s it.

而已。

Also check out !

还可以检查 ！

Happy coding!

编码愉快！

翻译自: