整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
者介绍 | 梁桂钊——微微科技架构师
?
一、官方工具
IntelliJ IDEA 默认安装并提供了非常多的工具，比如 Git Integration、Maven Integration、Markdown support、SSH Remote Run 等。其中有很多好用，但是不为人知的工具。
1. REST client
在日常开发过程中，我们或多或少都涉及到 API 接口的测试。例如，有的小伙伴使用 Chrome 的 Postman 插件，或者使用火狐的 restclient 等工具。事实上，这些工具是测试 API 接口非常有效的方式之一，笔者之前也一直使用 Postman 完成 API 接口的测试工作。今天，笔者推荐另外一个非常好用的小工具，能够帮助读者快速测试 API 接口。这个工具就是 IDEA 的 Editor REST Client。IDEA 的 Editor REST Client 在 IntelliJ IDEA 2017.3 版本就开始支持，在 2018.1 版本添加了很多的特性。事实上，它是 IntelliJ IDEA 的 HTTP Client 插件。详细使用文档，参考：http://blog.720ui.com/2018/restclient_use/
2. UML Support
如果需要研究源码，内置 UML Support 插件可以很好地查看类继承关系。详细使用文档，参考：https://www.jetbrains.com/help/idea/class-diagram.html
未完待续。。。
二、市场插件
1. 阿里代码规约检测
目前，插件检测有两种模式：实时检测、手动触发。详细使用文档，参考：https://github.com/alibaba/p3c/blob/master/idea-plugin/README_cn.md
此外，类似的插件还有 FindBugs 和 CheckStyle。
2. 快捷键提示工具：Key promoter X
Key Promoter X 是一个快捷键提示插件，如果鼠标操作是能够用快捷键替代，Key Promoter X 会提示可以用什么快捷键替代。详细使用文档，参考：https://plugins.jetbrains.com/plugin/9792-key-promoter-x
3. 代码注解插件：Lombok
lombok 的使用，参考 ：https://projectlombok.org/。我们需要在代码中引入三方库，然后安装 lombok 插件即可。
<dependency> <groupId>org.projectlombok</groupId> <artifactId>lombok</artifactId> <version>最新版本号</version></dependency>
4. 代码生成工具：CodeMaker
开发过程中，经常手工编写重复代码。现在，可以通过 CodeMaker 来定义 Velocity 模版来支持自定义代码模板来生成代码。目前，CodeMaker 自带两个模板。Model：根据当前类生成一个与其拥有类似属性的类，用于自动生成持久类对应的领域类。Converter：该模板需要两个类作为输入的上下文，用于自动生成领域类与持久类的转化类。
详细使用文档，参考：https://github.com/x-hansong/CodeMaker
5. 单元测试测试生成工具：JUnitGenerator
单元测试是必不可少的！我们可以使用 JUnitGenerator 插件来自动创建了单元测试。我们可以使用提供的 velocity 模板定制单元测试输出代码。如果在已经存在单元测试的地方创建了单元测试，则会提示用户进行覆盖或合并操作。合并操作允许用户有选择地创建目标文件内容。详细使用文档，参考：https://plugins.jetbrains.com/plugin/3064-junitgenerator-v2-0
6. Mybatis 工具：Free Mybatis plugin
现在，MyBatis 框架已占领半壁江山。因此，围绕着 MyBatis 的插件和工具越来越多。Free Mybatis plugin 非常方便进行 Mapper 接口和 XML 文件之间跳转。详细使用文档，参考：
https://plugins.jetbrains.com/plugin/8321-free-mybatis-plugin。此外，收费版的还有 Mybatis plugin。
对于 Mybatis 的工具还有很多，比如 mybatis-log-plugin、codehelper.generator。此外，非 IDEA的工具有：Mybatis 分页插件 Mybatis-PageHelper、Mybatis 代码生成工具 mybatis-generator 等。地址：http://www.mybatis.org/generator/
7. Maven辅助神器：Maven Helper
如果 Maven 引入的 jar 包有冲突，可以使用 Maven Helper 插件来帮助分析。详细使用文档，参考：https://plugins.jetbrains.com/plugin/7179-maven-helper
8. JSON转领域对象工具：GsonFormat
在开发过程中，我们可能会遇到 json 格式的字符串转换成实体类参数的场景，这个插件可以根据 JSONObject 格式的字符串，自动生成实体类参数。详细使用文档，参考：https://github.com/zzz40500/GsonFormat
那么，如何使用呢？我们可以使用 GsonFommat 的快捷键，默认 option + s (mac), alt + s (win) 通过以下方式修改快捷键。或者点击工具栏的 Generate 来唤起生成工具。
9. 领域对象转JSON工具：POJO to JSON
为了测试需要，我们需要将简单 Java 领域对象转成 JSON 字符串方便用 postman 或者 curl 模拟数据。详细使用文档，参考：https://plugins.jetbrains.com/plugin/9686-pojo-to-json
10. 时序图生成工具：SequenceDiagram
有的时候，我们需要梳理业务逻辑或者阅读源码。从中，我们需要了解整个调用链路，反向生成 UML 的时序图是强需求。其中，SequenceDiagram 插件是一个非常棒的插件。详细使用文档，参考：https://plugins.jetbrains.com/plugin/8286-sequencediagram
11. 字符串工具：String Manipulation
String Manipulation 插件提供了非常丰富字符串工具，例如命名替换（ (camelCase, kebab-lowercase, KEBAB-UPPERCASE, snakecase, SCREAMINGSNAKE_CASE, dot.case, words lowercase, Words Capitalized, PascalCase）等。
详细使用文档，参考：https://plugins.jetbrains.com/plugin/2162-string-manipulation
12. 代码作色工具：Rainbow Brackets
Rainbow Brackets 插件可以实现配对括号相同颜色，并且实现选中区域代码高亮的功能。
详细使用文档，参考：https://plugins.jetbrains.com/plugin/10080-rainbow-brackets
事实上，代码作色之后，可以非常方便我们阅读。类似的工具还有：Grep Console 来自定义设置控制台输出颜色等。
13. RESTful 服务开发辅助工具集: RestfulToolkit
开发中，经过会根据 URI 的部分信息来查找对应的 Controller 中方法，RestfulToolkit 提供了一套 RESTful 服务开发辅助工具集，提供了如下功能：
根据 URL 直接跳转到对应的方法定义 ( Ctrl \ or Ctrl Alt N ); 提供了一个 Services tree 的显示窗口; 一个简单的 http 请求工具; 在请求方法上添加了有用功能: 复制生成 URL;,复制方法参数... 其他功能: java 类上添加 Convert to JSON 功能，格式化 json 数据 ( Windows: Ctrl + Enter; Mac: Command + Enter )。
详细使用文档，参考：https://plugins.jetbrains.com/plugin/10292-restfultoolkit
14. 日志工具：Grep Console
参考：https://plugins.jetbrains.com/plugin/7125-grep-console
不同级别日志通过颜色区分，一路了然
高亮日志
便捷检索日志
15. 生成对象set方法：GenerateAllSetter
开发中，有时可以通过BeanUtil等工具类进行对象之间的属性拷贝，但有时候也需要手工进行赋值。通过GenerateAllSetter，可以一键生成对象的所有set语句。
16. Redis可视化：Iedis
参考：https://plugins.jetbrains.com/plugin/9228-iedis
使用参考：https://codesmagic.com/iedis/userguide/getting-started 可方便的执行增删查改及使用命令行进行操作。
17. K8s工具：Kubernetes
参考 https://plugins.jetbrains.com/plugin/10485-kubernetes 支持编辑 Kubernetes 资源文件，如下：可以比较方便的查看yaml中的各项 placeholder 的默认值，且可以方便的链接到value位置。
18. 中英文翻译工具：Translation
最骚的操作是什么？一位小伙伴说过：说到了变量命名，先用中文写好，然后用 Translation 插件的 translate and replace 一键替换为英文，这样效率高而且准确。详细使用文档，参考：https://plugins.jetbrains.com/plugin/8579-translation
isual Studio Code是由微软公司推出的一款免费、开源的代码编辑器，一经推出便受到开发者的欢迎。对于Web前端开发人员，一个强大的编辑器可以使开发变得简单、便捷、高效。VS Code提供了非常丰富的插件功能，根据你的需要，安装对应的插件可以大大提高开发效率。
1、Chinese (Simplified) Language Pack
适用于 VS Code 的中文(简体)语言包
2、Code Spell Checker
拼写检查器。比如 banana 单词写错成 banane ，会提示你是否修改成 banana ，也可以将 banane 添加至检查器的字典中。
3、HTML CSS Support
在编写样式表的时候，自动补全功能大大缩减了编写时间。
4、JavaScript (ES6) code snippets
支持ES6语法提示
5、Mithril Emmet
一个能大幅度提高前端开发效率的一个工具，用于补全代码
6、Path Intellisense
路径提示插件
7、Vue 3 Snippets
在 Vue 2 或者 Vue 3 开发中提供代码片段，语法高亮和格式化的 VS Code 插件，能极大提高你的开发效率。
8、VueHelper
vscode最好的vue代码提示插件，不仅包括了vue2所有api，还含有vue-router2和vuex2的代码。
9、Auto Close Tag
自动闭合HTML/XML标签
10、Auto Rename Tag
自动完成另一侧标签的同步修改
11、Beautify
格式化 html ,js,css
安装过程中, 如果提示是否需要继续安装, 选择 "仍要安装"。
12、Bracket Pair Colorizer
给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色。
安装过程中, 如果提示是否需要继续安装, 选择 "仍要安装"。
13、open in browser
vscode不像IDE一样能够直接在浏览器中打开html，而该插件支持快捷键与鼠标右键快速在浏览器中打开html文件，支持自定义打开指定的浏览器，包括：Firefox，Chrome，Opera，IE以及Safari
14、Vetur
Vue多功能集成插件，包括：语法高亮，智能提示，emmet，错误提示，格式化，自动补全，debugger。vscode官方钦定Vue插件，Vue开发者必备。
15、File Utils
File Utils插件,可以方便快捷的来创建、复制、移动、重命名文件和目录。
16、IntelliJ IDEA Keybindings
安装VSCode的插件 IntelliJ IDEA Keybindings 即可在VSCode中使用IDEA的快捷键。
VSCode中，有许多与HTML相关的插件可以大大提高开发效率和便利性。以下是一些值得推荐的插件，它们各自具有独特的功能和优点，可以帮助您更好地编写、调试和预览HTML代码。
1. HTML Snippets: 这个插件提供了许多HTML代码片段，可以帮助您快速编写常见的HTML结构和元素。只需输入简短的缩写，即可自动生成相应的HTML代码，大大提高了编写速度。
2. Emmet: Emmet是一个强大的代码生成器，支持多种编程语言，包括HTML。通过简单的缩写和语法，您可以快速生成复杂的HTML结构和嵌套元素。Emmet还提供了许多自定义选项，可以根据您的需求进行灵活配置。
3. HTML Boilerplate: 这个插件提供了一个HTML模板，包含了常见的HTML结构和元素，如文档类型声明、字符编码、头部信息等。使用这个插件，您可以快速创建一个基本的HTML框架，然后在此基础上进行进一步的开发。
4. HTML Preview: HTML Preview插件可以在VSCode中实时预览HTML代码的效果。您只需在编辑器中打开HTML文件，然后点击预览按钮，即可在侧边栏中查看HTML页面的渲染效果。这对于调试和预览HTML代码非常方便。
5. Color Highlight: Color Highlight插件可以自动识别HTML代码中的颜色值，并在编辑器中高亮显示。这使得您更容易发现和修改颜色值，提高了代码的可读性和可维护性。
6. HTML Boilerplate Generator: 这个插件可以帮助您快速生成HTML5的Boilerplate代码，包括常用的meta标签、字符编码、视口设置等。它还提供了一些自定义选项，可以根据您的需求生成符合规范的HTML代码。
7. HTML CSS Support: 这个插件提供了对HTML和CSS的完整支持，包括语法高亮、代码片段、代码折叠等功能。它还支持自动完成和错误检查，可以帮助您更高效地编写HTML和CSS代码。
8. HTML/CSS/JS Prettify: 这个插件可以对HTML、CSS和JavaScript代码进行格式化，使其更加整洁和易读。您可以自定义格式化规则，也可以使用默认的规则进行快速格式化。这对于保持代码风格一致和提高代码可读性非常有帮助。
9. HTML Validator: HTML Validator插件可以对HTML代码进行验证，检查其是否符合W3C规范。它可以检测出潜在的错误和不符合规范的地方，并给出相应的提示和建议。这对于编写符合标准的HTML代码非常有帮助。
10. Live Server: Live Server插件可以在本地启动一个实时服务器，让您在浏览器中实时预览HTML、CSS和JavaScript代码的效果。它支持自动刷新和热更新，可以实时反映代码的变化。这对于前端开发和调试非常方便。
以上是一些值得推荐的VSCode中与HTML相关的插件。它们各自具有独特的功能和优点，可以帮助您提高开发效率和便利性。当然，具体选择哪些插件还需要根据您的实际需求和喜好来决定。希望这些推荐能对您有所帮助！
?
*请认真填写需求信息，我们会在24小时内与您取得联系。
