·官网: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}