一、IDEA

1.1 简介

IntelliJ IDEA(简称 IDEA),是 Java 语言开发的集成环境,IDEA 在业界被公认为最好的 Java 开发工具之一,尤其在智能代码助手、代码自动提示、重构、J2EE 支持、各类版本工具(Git、SVN、GitHub 等)、JUnit、CVS 整合、代码分析和创新的 GUI 设计等方面的功能都值得称道

1.2 下载地址

官网地址:http://www.jetbrains.com/idea/download

直接在IDEA下载页面选择对应的版本下载安装包或者压缩包即可(需要注意IDEA官网会自动识别你的操作系统,下载到的安装包为你的操作系统可用的安装包,示例中使用的是Windows系统,所以安装包为exe文件)

java vscode还是idea java开发用vscode还是idea_postman


java vscode还是idea java开发用vscode还是idea_vscode_02

1.3 安装

一路next,选择安装路径

java vscode还是idea java开发用vscode还是idea_postman_03


IDEA社区版安装设置,根据自己电脑勾选即可

java vscode还是idea java开发用vscode还是idea_java vscode还是idea_04


点击Install,等待安装完成

java vscode还是idea java开发用vscode还是idea_idea_05

二、VS Code

2.1 简介

VSCode(Visual Studio Code)是由微软研发的一款免费、开源的跨平台文本(代码)编辑器,算是目前前端开发几乎完美的软件开发工具。

2.2 VSCode下载

VSCode下载链接: https://code.visualstudio.com/

2.4 VSCode汉化

在这里插入图片描述

java vscode还是idea java开发用vscode还是idea_vscode_06

2.5 VSCode常用插件(安装步骤同汉化)

  1. Auto Close Tag (自动闭合HTML/XML标签)
  2. Auto Rename Tag (自动完成另一侧标签的同步修改)
  3. Beautify (格式化 html ,js,css)
  4. Bracket Pair Colorizer(给括号加上不同的颜色,便于区分不同的区块)
  5. Debugger for Chrome(映射vscode上的断点到chrome上,方便调试)
  6. ESLint(js语法纠错,可以自定义配置)
  7. GitLens(方便查看git日志)
  8. HTML CSS Support (智能提示CSS类名以及id)
  9. HTML Snippets(智能提示HTML标签,以及标签含义)
  10. JavaScript(ES6) code snippets(ES6语法智能提示,以及快速输入)
  11. jQuery Code Snippets(jQuery代码智能提示)
  12. Markdown Preview Enhanced(实时预览markdown)
  13. markdownlint(markdown语法纠错)
  14. Material Icon Theme(vscode图标主题)
  15. Icon fonts(图标字体)
  16. open in browser(右键快速在浏览器中打开html文件)
  17. Path Intellisense(自动提示文件路径)
  18. React/Redux/react-router Snippets(React/Redux/react-router语法智能提示)
  19. Vetur(Vue多功能集成插件,错误提示等)
  20. Class autocomplete for HTML(智能提示HTML class =“”属性)
  21. npm Intellisense(require 时的包提示)

2.6 VSCode快捷键

左侧是按键,右侧是功能(下同)

java vscode还是idea java开发用vscode还是idea_java vscode还是idea_07

基础编辑

java vscode还是idea java开发用vscode还是idea_vscode_08


导航

java vscode还是idea java开发用vscode还是idea_navicat_09

搜索和替换

java vscode还是idea java开发用vscode还是idea_navicat_10

多光标和选择

java vscode还是idea java开发用vscode还是idea_navicat_11

语言编辑

java vscode还是idea java开发用vscode还是idea_idea_12

编辑器管理

java vscode还是idea java开发用vscode还是idea_postman_13

文件管理

java vscode还是idea java开发用vscode还是idea_vscode_14

显示

java vscode还是idea java开发用vscode还是idea_postman_15

调试

java vscode还是idea java开发用vscode还是idea_idea_16

集成终端

java vscode还是idea java开发用vscode还是idea_navicat_17

三、Navicat

3.1 简介

连接数据库和操作数据库的工具

3.2 下载

地址https://www.navicat.com.cn/download/navicat-for-mysql

3.3 安装

一路默认到安装目录 设置安装位置 然后默认行了

java vscode还是idea java开发用vscode还是idea_postman_18

3.3 使用

打开 navicat ,点击 连接 ,选择 数据库

java vscode还是idea java开发用vscode还是idea_idea_19


弹出以下界面 (以MySQL为例),熟悉各部分的作用

java vscode还是idea java开发用vscode还是idea_postman_20


测试是否可以连接,有以下提示,点击确定开始使用数据库

java vscode还是idea java开发用vscode还是idea_navicat_21


双击 或 右键 打开连接,图标变亮表示已经打开连接

java vscode还是idea java开发用vscode还是idea_postman_22

四、Postman

4.1 简介

用户在开发或者调试网络程序或者是网页B/S模式的程序的时候是需要一些方法来跟踪网页请求的,用户可以使用一些网络的监视工具比如著名的Firebug等网页调试工具。今天给大家介绍的这款网页调试工具不仅可以调试简单的css、html、脚本等简单的网页基本信息,它还可以发送几乎所有类型的HTTP请求!Postman在发送网络HTTP请求方面可以说是Chrome插件类产品中的代表产品之一。

4.2 下载

Postman官网下载地址:https://www.getpostman.com/apps

4.3 安装

一路默认 直到安装目录 设置一下,一路默认就行了

4.4 应用介绍

java vscode还是idea java开发用vscode还是idea_java vscode还是idea_23


侧边栏

侧边栏主要提供了查找、管理请求和集合的功能。

标题栏
New 按钮:提供创建请求、集合、环境、文档、mock服务器和监控器的入口;
Import 按钮:提供集合导入、环境导入等的入口;
Runner 按钮:打开collection runner功能;
New window 图标:用于打开一个新的标签页、或者一个新的postman窗口、或者打开一个新的collection runner;
Workspaces 菜单:提供创建、管理工作空间的入口;
Interceptor/Proxy 图标:管理代理和拦截器的设置;
IN SYNC status 图标:显示当前postman账户的更新状态;
Settings 图标: 管理postman应用程序设置并查找其他支持资源。
Notifications 图标: 接收通知或广播。
Heart 图标: 点击此按钮分享
User 下拉菜单:显示当前用户并提供以下选项:“配置文件”,“帐户设置”,“通知首选项”,“活动会话”和“添加新帐户”。

控制台
postman提供了两种控制台,用于查看后台运行的内容。分别是一、postman控制台:包含了HTTP请求和响应的详细日志信息;二、DevTools控制台:在开发的过程中提供更多的诊断信息。

状态栏
位于postman最底部的状态栏提供了一些便利的功能:1、显示或者隐藏侧边栏;2、便捷的集合、环境和全局查找功能;3、打开postman控制台的快捷图标;4选择一个或两个窗格布局。5打开键盘快捷键。6获得帮助或提供反馈。

常用功能界面图

java vscode还是idea java开发用vscode还是idea_postman_24