一、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文件)
1.3 安装
一路next,选择安装路径
IDEA社区版安装设置,根据自己电脑勾选即可
点击Install,等待安装完成
二、VS Code
2.1 简介
VSCode(Visual Studio Code)是由微软研发的一款免费、开源的跨平台文本(代码)编辑器,算是目前前端开发几乎完美的软件开发工具。
2.2 VSCode下载
VSCode下载链接: https://code.visualstudio.com/
2.4 VSCode汉化
在这里插入图片描述
2.5 VSCode常用插件(安装步骤同汉化)
- Auto Close Tag (自动闭合HTML/XML标签)
- Auto Rename Tag (自动完成另一侧标签的同步修改)
- Beautify (格式化 html ,js,css)
- Bracket Pair Colorizer(给括号加上不同的颜色,便于区分不同的区块)
- Debugger for Chrome(映射vscode上的断点到chrome上,方便调试)
- ESLint(js语法纠错,可以自定义配置)
- GitLens(方便查看git日志)
- HTML CSS Support (智能提示CSS类名以及id)
- HTML Snippets(智能提示HTML标签,以及标签含义)
- JavaScript(ES6) code snippets(ES6语法智能提示,以及快速输入)
- jQuery Code Snippets(jQuery代码智能提示)
- Markdown Preview Enhanced(实时预览markdown)
- markdownlint(markdown语法纠错)
- Material Icon Theme(vscode图标主题)
- Icon fonts(图标字体)
- open in browser(右键快速在浏览器中打开html文件)
- Path Intellisense(自动提示文件路径)
- React/Redux/react-router Snippets(React/Redux/react-router语法智能提示)
- Vetur(Vue多功能集成插件,错误提示等)
- Class autocomplete for HTML(智能提示HTML class =“”属性)
- npm Intellisense(require 时的包提示)
2.6 VSCode快捷键
左侧是按键,右侧是功能(下同)
基础编辑
导航
搜索和替换
多光标和选择
语言编辑
编辑器管理
文件管理
显示
调试
集成终端
三、Navicat
3.1 简介
连接数据库和操作数据库的工具
3.2 下载
地址https://www.navicat.com.cn/download/navicat-for-mysql
3.3 安装
一路默认到安装目录 设置安装位置 然后默认行了
3.3 使用
打开 navicat ,点击 连接 ,选择 数据库
弹出以下界面 (以MySQL为例),熟悉各部分的作用
测试是否可以连接,有以下提示,点击确定开始使用数据库
双击 或 右键 打开连接,图标变亮表示已经打开连接
四、Postman
4.1 简介
用户在开发或者调试网络程序或者是网页B/S模式的程序的时候是需要一些方法来跟踪网页请求的,用户可以使用一些网络的监视工具比如著名的Firebug等网页调试工具。今天给大家介绍的这款网页调试工具不仅可以调试简单的css、html、脚本等简单的网页基本信息,它还可以发送几乎所有类型的HTTP请求!Postman在发送网络HTTP请求方面可以说是Chrome插件类产品中的代表产品之一。
4.2 下载
Postman官网下载地址:https://www.getpostman.com/apps
4.3 安装
一路默认 直到安装目录 设置一下,一路默认就行了
略
4.4 应用介绍
侧边栏
侧边栏主要提供了查找、管理请求和集合的功能。
标题栏
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获得帮助或提供反馈。
常用功能界面图