前端开发常用哪些工具软件？

DBeaver 是一个 SQL 客户端和数据库管理工具。由于 DBeaver 基于 Java 开发，可以运行在各种操作系统上，比如Windows、Linux、macOS 等操作系统。同时，DBeaver 采用 Eclipse 框架开发，支持插件扩展，并且提供了许多数据库管理工具：ER 图、数据导入/导出、数据库比较、模拟数据生成等。

$\"\"$

功能特色：

通过 JDBC 连接到数据库，支持几乎所有的数据库产品
可以处理任何的外部数据源

7.MD编辑器 - Typora

https://typora.io/

Typora 是一款免费的轻量级Markdown编辑器，虽然没有 Mou，Haroopad等Markdown编辑器那么大名鼎鼎，但其轻量、快速、易于上手的特点，绝对能给你带来舒适的用户体验。

功能特色：

启动速度快
支持实时预览，所见即所得
界面简洁易操作
支持多拓展

8.虚拟机 - VirtualBox

Downloads – Oracle VM VirtualBox

VirtualBox 是一款免费的开源虚拟机，可以在Windows、Linux和mac等不同操作系统中运行。

$\"\"$

功能特色：

开源软件，免费
中文界面
体积小
安装配置简单实用，社区活跃

9.Git存储库托管 - GitHub

jeresig (John Resig) · GitHub

GitHub 是一个基于 Web 的 Git 存储库托管服务。无论你是软件开发的新手，还是已经具有丰富开发经验的老手，相信你在工作中都会需要这款工具。GitHub是目前世界上最大，最受欢迎的代码库，可以帮助开发人员审查代码，管理项目和软件构建。

功能特色：

极高的安全性
APP体积小
数据同步流畅无冲突
不限制私有仓库数量和流量

10.项目管理 - Trello

https://trello.com

Trello 是一款灵活易用的项目管理工具，非常适合作为看板和 Scrum 开发，它易于管理，具有极高的可定制性。虽然不是专门为开发人员打造的工具，但Trello绝对可以帮助开发人员更好地完成工作。

功能特色：

更直观的资料与任务分类
更清晰的便利贴式任务呈现
操作便利，拖曳即可整理分类与管理进度
可以新增丰富的卡片内容
支持颜色标签、特殊印章
简单易懂、即时同步、多人管理

二、提升前端技能的26个网站，走过路过不错过：

CSS battle【在线比拼 CSS】 : https://cssbattle.dev
Learn CSS layout【学习 CSS 布局】：http://learnlayout.com
Flexbox Froggy【学习 Flex 布局的小游戏】：http://flexboxfroggy.com
EnjoyCSS【在线CSS代码可视化工具】：https://enjoycss.com
CSS-Tricks 【CSS 技巧】：https://css-tricks.com
Neumorphism【实现新拟态效果】：https://neumorphism.io
uiGradients【分享渐变色】：https://uigradients.com
JavaScript【一个一直更新的JavaScript 的语法文档，主要会写如何去避免一些常见的错误】：https://bonsaiden.github.io/JavaScript-Garden/zh/
JS Tips【JS 技巧】：https://www.jstips.co
JSweekly【技术周刊】：https://javascriptweekly.com
CDNJS【JavaScript 资料库】：https://cdnjs.com/libraries
Beautiful Open 【开源 JS 库集合】：https://beautifulopen.com
JavaScript Fun【代码库集合】：https://www.javascript.fun
Stack Overflow【编程人员问答网】：https://stackoverflow.com
掘金【高质量技术社区】：https://juejin.im
Codrops【网页设计开发博客】：https://tympanus.net
CodePen【一个网站前端设计开发平台，针对网站前端代码的一个工具，上面有各种效果的案例特效（炫技），可以在他们的 demo 基础上开发自己的前端设计。】： https://codepen.io
CodeSandBox【提供一个在线开发环境的“沙盒”，主流的框架如 React、Vue、Angular 等，都可即开即用、实时编译预览，非常方便。】： https://codesandbox.io
JS Bin【轻量级在线编辑器网站】：https://jsbin.com
ICONSVG【在线自定义设计SVG图标素材】：https://iconsvg.xyz
OpenMoji【免费表情符号库】：https://www.openmoji.org
Share Icon 【免费矢量素材图库】：https://www.shareicon.net
tableconvert 【在线表格编辑器】：https://tableconvert.com
Feathericons【极简 ICON 图标集】：https://feathericons.com
HTML5UP 【提供大量的HTML5模版】：https://html5up.net/
趣IT【一个会更新面试题和练习题的宝藏王】https://www.funit.cn/