Jetbrains产品线IDE常用配置（持续更新）

·官网：https://www.jetbrains.com/

一、下载与激活

1. 下载

IntelliJ IDEA: https://www.jetbrains.com/idea/download/#section=mac

PyCharm: https://www.jetbrains.com/pycharm/download/#section=mac

WebStorm：https://www.jetbrains.com/webstorm/download/#section=mac

注：一般下载专业版

2. 产品激活略过，请购买正版

二、常用插件

• Material Theme UI - 主题
• Atom OneDark Theme - 主题
• One Dark theme - 主题
• Atom Material Icons - icon样式
• CodeGlance - mini地图
• IDE Eval Reset - 重置试用时间
• Key Promoter X - 快捷键提示插件
• Translation - 翻译插件
• .ignore - gitignore插件
• Rainbow Brackets - 彩虹括号
• gitee - gitee代码托管平台
• Ideolog - 日志增强
• .env files support - 对.env文件的支持，支持语法高亮
• GitToolBox - git增强工具
• i18n Ally - 国际化
• Import Cost - 显示在编辑器中导入的包的大小
• Nyan Progress Bar - 让进度条变成喵喵的插件
• Paste Images into Markdown - 从剪贴板将图像粘贴到 MarkDown 文档中图像文件存放在相对于Markdown 文档的可配置目录中
• String Manipulation - 对字符串进行处理，比如：变量名使用驼峰形式、常量需要全部大写，编码解码等等
• Settings Repository - 共享IDE配置

三、常用配置

1. 修改Project View行距

Preferences - Appearance & Behavior - Material Theme UI - Settings - Project View ，勾选Custom Siderbar Height，修改成22，相对比较合适。

2. 修改字体

Preferences - Editor - Color Scheme - Color Scheme Font

• Font - JetBrains Mono
• Size - 13
• Line height - 1.1

3. 取消自动保存

Preferences - Editor - General - Editor Tabs ，勾选Mark modified（*）

4. 保存时自动格式化 & 保存时优化引入

Preferences - Tools - Actions on Save - Reformat code - 保存自动格式化

Preferences - Tools - Actions on Save - Optimize imports - 保存时优化引入

5. 代码补全

Preferences - Editor - General - Code Completion，勾选Match case/All letters，再取消勾选Match case

6. 显示空格符并修改空格符颜色

Preferences - Editor - General - Appearance - Show whitespaces - 勾选

Preferences - Editor - Color Scheme - General - Text - Whitespaces - Foreground，修改自己喜欢的颜色

7. 同步JetBrains产品配置

如果使用的是正版软件，建议使用JetBrains账号进行同步；若不是，建议安装Settings Repository插件同步。

https://gitee.com/getimer/jetbrains-settings.git - Settings Repository

在File - Manage IDE Settings - Settings Repository 中配置url（先在github/gitee上建一个仓库）

8. Prettier配置

Commond+ ,打开Preferences，搜索prettier，进入配置

• Run for files：修改为{**/*,*}.{js,jsx,tsx,json,css,scss,vue,html,md}
• 根据需求，勾选On Reformat Code action或On save

9. Eslint配置

Commond+ ,打开Preferences，搜索eslint，进入配置

• Run for files：修改为{**/*,*}.{ts,tsx,vue}

• 根据需求，勾选Run eslint --fix one save

10. Stylelint配置

Commond+ ,打开Preferences，搜索stylelint，进入配置

• Run for files：修改为{**/*,*}.{vue,css,scss,postcss,less}