常用工具:IDEA、vs code、Navicat、Postman、HBuilderX、微信开发者工具

IDEA

1. 更好的项目管理方式

        IDEA中的Project类似于eclipse中的workspace，而Module类似于eclipse中的project。这里可不仅仅是名称简单更改了一下，IDEA中的Project真的是一个工程，有统一的Global Library，也可以正确的相互依赖，把原来为了方便开发的模块整合到一起进行管理。

2. 更高的开发效率

        举个例子，就是它能生成某个类的测试类，还能正确的放到test相应的目录下。另外IDEA可以立刻在代码界面提示相关的值，不用一个Debug界面跳来跳去，而且还能在IDE中调试JS，代码和界面的自动刷新同步等等。还有更多的快捷键便于使用。

3. 智能的选取

        在选取某个方法，或某个循环或想一步一步从一个变量到整个类慢慢扩充着选取，IDEA就提供这种基于语法选择，在默认设置中Ctrl+w，可以实现选取范围不断扩充，这种方式在重构的时候尤其显得方便。
4. 丰富的导航模式

        IDEA提供了丰富的导航查看模式，在最基本的project试图中，你还可以选择多种的视图方式。
5.  历史记录功能

        不用通过版本管理服务器，单纯的IDEA就可以查看任何工程中文件的历史记录，但版本恢复时你可以很容易的将其恢复。
JUnit的完美支持。
6. 对重构的优越支持
        IDEA是所有IDE中最早支持重构的，其优秀的重构能力一直是其主要卖点之一。
编码辅助：java规范中提倡的tostring(),hashcode(),equals(),以及所有的get/set方法，你可以不用进行任何的输入就可以实现代码的自动生成，从而把你从无聊的基本方法编码中解放出来。
灵活的排版功能：基本所有的IDE都有重排版功能，但仅有IDEA的是人性的，因为她支持排版模式的定制，你可以根据不同的项目要求采用不同的排版方式。

Intellij IDEA常用快捷键：
Ctrl＋E：显示最近编辑的文件列表

Shift＋Click：关闭文件

Ctrl＋[或]：跳到大括号的开头结尾

Ctrl＋Shift＋Backspace：跳转到上次编辑的地方

Ctrl＋F12：显示当前文件的结构

Ctrl＋F7：查询当前元素在当前文件中的引用，然后按F3可以选择

Ctrl＋N：快速打开类

Ctrl＋Shift＋N：快速打开文件

Alt＋Q：看到当前方法的声明

Ctrl＋W：选择单词继而语句继而行继而函数

Alt＋F1：将正在编辑的元素在各个面板中定位

Ctrl＋P：显示参数信息

Ctrl＋Shift＋Insert：选择剪贴板内容并插入

Alt＋Insert：生成构造器/Getter/Setter等

Ctrl＋Alt＋V：引入变量。例如把括号内的SQL赋成一个变量

Ctrl＋Alt＋T：把代码包在一块内，例如try/catch

CTRL+ALT+B ：找所有的子类

CTRL+SHIFT+B： 找变量的类

CTRL+G： 定位行

CTRL+SHIFT+R ：在指定窗口替换文本

ALT+SHIFT+C： 查找修改的文件

CTRL+E： 最近打开的文件

F4 ：查找变量来源

CTRL+ALT+F7 ：选中的字符查找工程出现的地方

CTRL+SHIFT+O ：弹出显示查找内容

VS Code

VS Code 的使命，是让开发者在编辑器里拥有 IDE那样的开发体验，比如代码的智能提示、语法检查、图形化的调试工具、插件扩展、版本管理等。

1. 跨平台支持 MacOS、Windows 和 Linux 等多个平台。

2. VS Code 的源代码以 MIT 协议开源。

3. 支持第三方插件，功能强大，生态系统完善。

4. VS Code 自带了 TypeScript 和 Node.js 的支持。也就是说，你在书写 JS 和 TS时，是自带智能提示的。当然，其他的语言，你可以安装相应的扩展包插件，也会有智能提示。

快捷键

新建文件:   Ctrl+N
   文件之间切换:   Ctrl+Tab
   打开一个新的VS Code编辑器:    Ctrl+Shift+N
   关闭当前窗口:   Ctrl+W
   关闭当前的VS Code编辑器:   Ctrl+Shift+W
   切出一个新的编辑器窗口（最多3个):   Ctrl+\
   切换左中右3个编辑器窗口的快捷键:   Ctrl+1  Ctrl+2  Ctrl+3
   代码行向左或向右缩进:   Ctrl+[ 、 Ctrl+]
   复制或剪切当前行/当前选中内容:   Ctrl+C 、 Ctrl+V
   代码格式化:   Shift+Alt+F
   向上或向下移动一行:   Alt+Up 或 Alt+Down
   向上或向下复制一行:   Shift+Alt+Up 或 Shift+Alt+Down
   在当前行下方插入一行:   Ctrl+Enter
   在当前行上方插入一行:   Ctrl+Shift+Enter
   移动到行首:   Home
   移动到行尾:   End    
   移动到文件结尾:   Ctrl+End       
   移动到文件开头:   Ctrl+Home       
   移动到定义处:   F12       
   查看定义处缩略图(只看一眼而不跳转过去):    Alt+F12       
   选择从光标到行尾的内容:   Shift+End       
   选择从光标到行首的内容： Shift+Home       
   删除光标右侧的所有内容(当前行):   Ctrl+Delete       
   扩展/缩小选取范围： Shift+Alt+Right 和 Shift+Alt+Left      
   多行编辑(列编辑):   Alt+Shift+鼠标左键 或 Ctrl+Alt+Down/Up       
   同时选中所有匹配编辑(与当前行或选定内容匹配):   Ctrl+Shift+L       
   下一个匹配的也被选中:   Ctrl+D       
   回退上一个光标操作:   Ctrl+U       
   撤销上一步操作: Ctrl+Z      
   手动保存:   Ctrl+S
   找到所有的引用:   Shift+F12
   同时修改本文件中所有匹配的:   Ctrl+F2
   查找:   Ctrl+F
   查找替换:   Ctrl+H

2.必备插件

1、View In Browser 在浏览器里预览网页必备。运行html文件

2、vscode-icons 改变编辑器里面的文件图标    

3、Bracket Pair Colorizer 给嵌套的各种括号加上不同的颜色。   

4、Auto Rename Tag 自动修改匹配的 HTML 标签。

5、Path Intellisense 智能路径提示，可以在你输入文件路径时智能提示。

6、Markdown Preview 实时预览 markdown。

7、stylelint CSS / SCSS / Less 语法检查

8、Import Cost 引入包大小计算,对于项目打包后体积掌握很有帮助

9、Prettier 比Beautify更好用的代码格式化插件 Vue插件 vetur 语法高亮、智能感知、Emmet等

 Navicat

       Navicat是一套快速、可靠并价格相当便宜的数据库管理工具，专为简化数据库的管理及降低系统管理成本而设。它的设计符合数据库管理员、开发人员及中小企业的需要。Navicat 是以直觉化的图形用户界面而建的，让你可以以安全并且简单的方式创建、组织、访问并共用信息。

1.产品成员

Navicat Premium Navicat Premium是一个可多重连接的数据库管理工具，它可让你以单一程序同时连接到MySQL、Oracle、PostgreSQL、SQLite 及 SQLServer数据库，让管理不同类型的数据库更加方便。Navicat Premium 结合了其他Navicat 成员的功能。有了不同数据库类型的连接能力，Navicat Premium支持在MySQL、Oracle、PostgreSQL、SQLite 及 SQLServer之间传输数据。它支持大部份MySQL、Oracle、PostgreSQL、SQLite 及 SQL Server的功能。 Navicat Premium 使你能简单并快速地在各种数据库系统间传输数据，或传输一份指定 SQL格式及编码的纯文本文件。这可以简化从一台服务器迁移数据到另一台服务器的类型的进程。不同数据库的批处理作业也可以计划并在指定的时间运行。不同数据库的批处理作业可以计划并在指定的时间运行。其他功能包括导入向导、导出向导、查询创建工具、报表创建工具、资料同步、备份、工作计划及更多。
Navicat for MySQL是一套专为 MySQL 设计的高性能数据库管理及开发工具。它可以用于任何版本 3.21或以上的 MySQL数据库服务器，并支持大部份 MySQL 最新版本的功能，包括触发器、存储过程、函数、事件、视图、管理用户等。
Navicat for Oracle是一套专为 Oracle 设计的强大数据库管理工具。它可以用于任何版本 8i 或以上的Oracle数据库服务器，并支持大部份 Oracle 最新版本的功能，包括目录、表空间、同义词、实体化视图、触发器、序列、类型等。
Navicat for SQLite是一套专为 SQLite 设计的强大数据库管理及开发工具。它可以用于任何版本 2 或 3 的SQLite 数据库，并支持大部份 SQLite 的功能，包括触发器、索引、视图等。
Navicat for SQLServer是一套专为 SQL Server 设计的高性能数据库开发及管理工具。它可以用于 SQL
Server 2000、2005、2008R2 及 SQL Azure，并支持大部份 SQL Server的功能，包括触发器、索引、视图等。 Navicat for PostgreSQL
Navicat for PostgreSQL是一套专为 PostgreSQL 设计的强大数据库管理及开发工具。它可以用于任何版本 7.5或以上的 PostgreSQL 数据库服务器，并支持大部份 PostgreSQL 最新版本的功能，包括触发器、函数、管理用户等。
Navicat Report Viewer Navicat Report Viewer是一个容易使用的工具。有了用户友好的图形用户介面 (GUI)，Navicat Report Viewer 让你浏览由 Navicat Report Builder设计的报表。你可以访问在本机或远程 MySQL（版本 3.21 或以上）/Oracle（版本 8.1 或以上）/PostgreSQL（版本7.3 或以上）/SQLite（版本 2 及 3）/SQL Server（版本 2000 或以上及 SQL Azure）的报表，不论服务器是在 Linux、Unix、Mac 或 Windows 平台上运行。 Navicat ReportViewer 让你跟一些没有 Navicat 安装在计算机，但有安装 Navicat Report Viewer的人分享报表。它高度地增加查看报表的灵活性及便利性。 它可以查看 .raf 及.rtm格式的文件。最新的数据只需在工具栏点击重整按钮便取得。它也让你能够打印报表成 pdf、html 及存档格式。
NavicatData Modeler是一个强大的和易于使用的数据库设计工具，用于创建和操纵数据模型。它支持各种数据库系统，包括MySQL，Oracle， SQLServer，PostgreSQL和SQLite。 Navicat Data Modeler允许用户直观地设计数据库结构，执行向后/向前的过程中，导入表结构从ODBC数据源，生成SQL文件和打印模式，文件等Navicat的数据建模的功能，用户可以轻松地创建高质量的数据模型，并了解数据库结构。
2.主要功能

支持对象列表在 SQL编辑器
运行 MySQL 数据库事务备份（只限 InnoDB）
SQL 简化
数据库范围搜索
ER 图表查看
数据模型工具
连接颜色
支持权限管理员
增强的用户和角色管理
新的引擎改善数据同步性能
支持 SQL Server 代码大纲
支持 PostgreSQL 或 SQL Server 的 UUID/GUID 生成器
支持 MySQL 服务器的 BTREE 及 HASH 索引方法
支持 MySQL 及 SQL Server 的 geometry数据类型
保持 Oracle 或 SQL Server 连接活著
支持通过 SSH 通道连接到 SQL Server
支持连接到 PostgreSQL 服务器 9
支持连接到 MySQL 服务器 5.5
支持 SQL Server 2000、2005、2008R2 及 SQL Azure
历史日志查看器
设置收藏夹列表
对象筛选
设置自动保存查询、函数等
含引号复制查询的 SQL 语句
在表查看器中自定义排序
支持传送计划任务的 SSL/TLS电子邮件
备份 MySQL、PostgreSQL 或 SQLite 数据库中选择的对象
代码折叠
放大或缩小
高亮显示匹配的括号功能
SQL 编辑器的自动完成单词
支持 unicode 字符报表
SQL 美化
支持 Oracle 代码大纲
支持 Oracle PL/SQL 代码调试器
导入或导出连接
内建 Oracle Instant Client
支持连接到加密的 SQLite 数据库（wxSQLite3）
通过 HTTP 连接到 SQLite 服务器
支持 SQLite 2 及 3
日志文件：追踪 Navicat 中已运行的动作
支持虚拟组：提供逻辑组织对象
SQL 编辑器的自动完成代码
支持返回多个结果集的查询、存储过程等
运行前预览 SQL
在桌面创建表或视图快捷方式
SQL 命令列介面
服务器监控- 查看或修改服务器的状态信息和系统变量
视觉化用户管理 - 管理用户和权限
报表创建工具或查看器
在命令列运行设置文件
计划中传送电子邮件通知的附件 -导出向导或报表生成的文件
计划中打印报表到文件：PDF、Excel、HTML 等
设置计划备份、查询运行、导入、导出、数据传输及数据同步
运行 SQL脚本
备份数据库或表为 SQL脚本
转换备份文件为 SQL脚本
还原数据库中选择的对象
支持压缩备份及解压缩备份
备份或还原数据库 *Oracle 服务器不支持备份或还原
结构同步
数据同步
导出数据到最普及的格式：TXT、CSV、HTML、XML、PDF、DBF、MS Excel、MS Access 等
由 ODBC：MSSQL、Oracle 等导入数据
导入数据从：TXT、CSV、XML、DBF、MS Excel、MS Access 等
传输数据到指定的SQL 格式及编码的 SQL 文件
传输数据到 INSERT 语句的 SQL脚本
数据传输
支持在查询或视图设计器中预览及解释
创建参数查询
视觉化 SQL 创建工具 – 方便创建复杂的查询进程
支持外键数据选择：找到参考表中可用的值
打印数据库或表结构
文本、十六进制或 BLOB 查看器
递增搜索
筛选及排序记录
复制及粘贴选择的记录
格式化表网格
设置每页显示记录数
网格查看及表单查看
支持停靠或选项卡式窗口
维护数据库或表
自定义与选择的 MySQL 或 PostgreSQL 数据库工作
支持字符集及 unicode
保持 MySQL 或 PostgreSQL 连接活著
备份连接信息
支持 MySQL 或 PostgreSQL 服务器 SSL 安全连接
支持通过 HTTP 通道连接到 MySQL 及 PostgreSQL 服务器
支持通过 SSH 通道连接到 MySQL、Oracle 及 PostgreSQL 服务器
支持 Oracle TNS 及 Basic 连接
支持 Oracle 8.1 或以上的版本
支持连接到 PostgreSQL 7.3 或以上的版本
支持连接到全部 MySQL 版本
支持 Vista 及 Windows 7

Postman

       Postman是一款功能强大的网页调试与发送网页HTTP请求的Chrome插件

1.Postman背景介绍

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

2.Postman的操作环境

       postman适用于不同的操作系统，Postman Mac、Windows X32、Windows X64、Linux系统，还支持postman 浏览器扩展程序、postman chrome应用程序等。

HBuilderX 简称 HX，HBuilder，H 是 HTML 的缩写，Builder 是建设者。是为前端开发者服务的通用 IDE，或者称为编辑器。与 vscode、sublime、webstorm 类似。

 

HBuilderX

它可以开发普通 web 项目，也可以开发 DCloud 出品的 uni-app 项目、5+App 项目、wap2app 项目。

目前有 500 万开发者在使用 HBuilder。

老版的 HBuilder 是红色 logo，已于 2018 年停止更新。绿色 logo 的 HBuilderX 是新版替代品。

除了服务前端技术栈，它也可以通过插件支持 php 等其他语言。

相比于竞品，它的优势有：

运行速度快（c++内核）
对 markdown、vue 支持更为优秀
还能开发 App、小程序，尤其对 DCloud 的 uni-app、5+App 等手机端产品有良好的支持
特点
1.轻巧、极速

10M 的绿色发行包。

C++架构，启动速度、大文档打开速度、

编码提示，都极速响应。

2.强大的语法提示

一流的 ast 语法分析能力，

语法提示精准、全面、细致，

转到定义、重构完善

3.专为 vue 打造

提供比其他工具更优秀的 vue 支持

大幅提升你的 vue 开发效率

4.清爽护眼

界面清爽简洁，绿柔主题经过科学的脑疲劳测试，

最适合人眼长期观看的主题界面。

保护手腕，减缓鼠标手。

5.高效极客操作

HBuilderX 对字处理提供了更崇高的支持。

更强大的多光标、智能双击、选区管理…

让文字处理的效率大幅提升。

比如你可以简单的选中想要处理的多端文字区块，方便的同时注释掉不同行的一对 tag 或 if 块首尾行。

6.markdown 优先

HX 是唯一一个新建文件默认类型是 markdown 的

编辑器，也是对 md 支持最强的编辑器，你甚至可以直接粘贴表格、图片进来。

 

微信开发者工具

界面布局
菜单栏/工具栏
模拟器
编辑器
调试器

二 界面布局
小程序项目创建成功后，会自动进入开发调试环境，从图中可以看出，微信开发者工具的主界面主要由菜单栏、工具栏、模拟器、编辑器和调试器组成。接下来对这些功能分别进行讲解

三 菜单栏
通过菜单栏可以访问微信开发者工具的大部分功能，常用的菜单如下：

项目：用于新建项目，或打开一个现有的项目
文件：用于新建文件、保存文件或关闭文件
编辑：用于编辑代码，对代码进行格式化
工具：用于访问一些辅助工具，如自动化测试、代码仓库等
界面：用于控制界面中各部分的显示和隐藏
设置：用于对外观、快捷键、编辑器等进行设置
微信开发者工具：可以进行切换账号、更换开发模式、调试等操作
四 工具栏
工具栏提供了一些常用功能的快捷按钮，具体解释如下：

个人中心：位于工具栏最左边的第一个按钮，显示当前登录用户的用户名、头像
模拟器、编辑器和调试器：用于控制相应工具的显示和隐藏
云开发：开发者可以使用云开发来开发小程序、小游戏，无需搭建服务器，即可使用云端能力。云开发能力从基础库2.2.3开始支持
模式切换下拉菜单：用于在小程序模式、搜索动态页和插件之间进行切换
编译下拉菜单：用于切换编译模式，默认为普通编译，可以添加其他编译模式
编译：编写小程序的代码后，需要编译才能运行。默认情况下，直接按Ctrl+S快捷键保存代码文件，微信开发者工具就会自动编译运行。若要手动编译，则单击“编译”按钮即可
预览：单击“预览”按钮会生成一个二维码，使用手机中的微信扫码二维码，即可在微信中预览小程序的实际运行效果
真机调试：可以实现直接利用开发者工具，通过网络连接对手机上运行的小程序进行调试，帮助开发者更好地定位和查找在手机上出现的问题
切后台：用于模拟小程序在手机中切后台的效果
清缓存：用于将代码上传到小程序管理后台，可以在“开发管理”中查看上传的版本，将代码提交审核。需要注意的是，如果在创建项目时使用AppID为测试号，则不会显示“上传”按钮
版本管理：用于通过Git对小程序进行版本管理
五 模拟器
模拟器用于模拟手机环境，查看不同型号手机的运行效果

图中，上方的iPhone 12 5表示手机型号，单击可以切换成其他手机。由于不同手机屏幕的CSS像素不同，宽高比也不同，在开发小程序时应对常见的手机屏幕进行适配。100%表示缩放百分比，可以调节预览画面的大小。WIFI表示网络环境，还可以切换成2G、3G、4G或Offline(离线)，不同环境的网速不同，从而可以测试小程序的网络加载速度。模拟器的底部状态栏显示了当前的页面路径为/pages/index/index

六 编辑器
编辑器分为左右两栏，左栏用于浏览项目目录结构，右栏用于编写代码。在左栏中单击某个文件，就可以在右栏中对改文件进行编辑。

七 调试器
调试器类似于Google Chrome浏览器中的开发者工具。下面对调试器中的各个面板的功能进行简要介绍。

Console：“控制台”面板，用于输出调试信息，也可以直接编写代码执行
Source：“源代码”面板，可以查看或编辑源代码，并支持代码调试
Network：“安全”面板，用于调试页面的安全和认证等信息，如HTTPS
AppData：“App数据”面板，可以查看或编辑当前小程序运行时的数据
Audits：“审计”面板，用于对小程序进行体验评分
Sensor：“传感器”面板，用于模拟地理位置、重力感应
Storage：“存储”面板，用于查看和管理本地数据缓存
Trace：“跟踪”面板，用于真机调试时跟踪调试信息