网页前端制作工具(通用)7篇

2024年网页前端制作工具 篇1

首先要确认需求，你做的网站是要做什么，然后选取一套适合的前端框架，毕竟现在前端十分的火热。其次，才依据框架做开发。

建议：如果是后台管理方面的，例如对公众号会员管理的，可以选用layui，简单、高效。如果是其他门户网站的，可选的框架也很多，百度一下“前端框架”，可以出来一大片。

2024年网页前端制作工具 篇2

制作网站需要学习两大块内容，一块是前端开发，另一块是后端开发，下面分别介绍一下：前端开发

网站的前端开发涉及到页面设计、图片处理、代码编写几个部分的内容，在页面设计领域有很多工具可以使用，比如专业的设计人员比较偏向于使用Atomic，另外很多大型公司也会选择使用Antetype，而对于有一定编码能力的设计师来说，Macaw也是一个不错的选择。网页设计的工具有很多，选择一个自己喜欢的就好。对于图片处理的工具来说，Photoshop、AI都是不错的选择。

前端也涉及到编码，比较常见的选择是Html+CSS+JavaScript，前端语言的学习并不难，但是JS相对来说内容比较多，需要一个系统的学习过程。一般在做前端编码时可以使用DW软件，这款软件功能非常丰富。后端开发

目前做后端开发的编程语言可以选择使用Java、Python或者PHP，这三门语言也是被广泛使用的Web开发解决方案。

Java的优点是性能优异、生态健全、用户庞大，缺点是学习周期长、难度高、不易使用。Java比较适合专业级程序员，也比较适合大型商业网站。通常Java开发需要一个完整的开发团队，开发周期也相对较长。

Python的优点是学起来简单，用起来直接，调整起来方便，缺点是性能较差。Python比较适合于中小型网站，对性能要求不高的场景可以使用Python开发。其实Python的性能是能够满足大部分网站的，不选择Python的原因大部分都是预期太高。

PHP算是一个比较折中的解决方案吧，PHP实在不愿意多讲，因为PHP被称为“最好的编程语言”。

我做Web开发的时间比较久，Java、Python和PHP都使用过，选择哪种语言主要取决于项目的要求，同时也取决于开发团队的知识结构。如果是个人想通过自学来开发网站的话，我比较推荐学习Python，简单方便，而且未来Python的应用场景也比较多，是一个前景比较不错的编程语言。

我在头条上写了关于Java、Python编程的系列文章，感兴趣的朋友可以关注我的头条号，相信一定会有所收获。

如果有编程方面的问题，也可以咨询我。

谢谢！

2024年网页前端制作工具 篇3

一、首先要掌握一些HTML的应用

　　html是一种语言，最初网站的编写全是利用html代码编写出来的， 当年的那些老鸟们一般是用“记事本”或“写字板”直接利用HTML写网页的！ 后来出现了一些所见即所得的工具才使网页设计的工作大大简单化，使我们这些菜鸟即使不懂html也能设计出很美观的网站。现在“傻瓜式”制作网页的软件越 来越多，特别是模板技术的出现更加使网站设计容易操作了，套用现成“模版”就可以制作出很不错的页面来。

　　HTML对于大部分网迷朋友们来说， 没有必要精通，但是，对于一个网站设计者来说，如果对HTML一点都不了解的话，在网站设计时有某些细节方面问题就非常难以处理了。举个最简单的例子来 说，如果你见到别人的网站上面有一个网页效果很好看，你想把这个效果放到自己的网站上，可你对html一点儿也不懂，这样一来就无法将这个效果移到你的网 站上 ！

　　其实html的学习是很简单的，尽管说有些html的书厚的吓人，但那也只是手册式的工具书。我们学习html应该象学习dos命令一样，只把最基本的、最常用的那二十多个标签的语法和参数搞懂并且背下来就行了。其它少用的那些标签我感觉就不必去特意学。

　　顺便说一句，了解HTML最为有效的方法就是阅读和分析自己崇拜喜欢的网页的源代码，有什么不懂的问题请E-MAIL网站的主人虚心请教——这些老前辈都是非常热心的。“听君一席话，胜读十年书”，对于自己的技术提高非常显著哦：-）

二、熟练掌握Dreamweaver 4软件

　 　当你掌握了最基本的html使用方法后，就你应该选一个优秀的网站设计工具了，因为我们平时设计网站还是要用这种工具软件进行设计，如果全靠html编 写那可就老麻烦了。目前这种所见即所得的工具很多，比较出名的有微软的front page(网友简单它为FP,以后大家在看到论坛有人说FP，指的就是这个软件)、Macromedia公司的Dreamweaver 4(网友简单它为dw)、还有IBM公司出的一套设计软件也不错。

　　这么些种软件我们没有必要全都掌握，我们只要掌握其中的一种即可。在这几种 软件中我吐血推荐Macromedia公司开发的Dreamweaver 4网站制作软件！目前老鸟新鸟都用这个软件，它使用简单、功能强大。但如果目前你以经使用fp,并感觉fq用的很好，那就没必要换用dw。我们使用工具的 目的就是设计网站，只要能利用工具把自己的目的达到即可，至于说用什么样的软件是无所谓的。就好像一个人天天下班骑车回

家，那他就没必要一定得学会怎么样开车回家、怎么样骑马回家，怎么样开飞机回家。

三、具有对网站的整体布局、风格和页面创意设计能力

　 　网络世界的精髓就是个性化，一个网站的布局和设计至少要占全部工作量的百分之六十左右！我们已经看够了许多没有特性的网页，建议大家在考虑建站的当初尽 量选择自己最喜欢最拿手的东东——做自己最开心的东西工作也是一种快乐！那么这种能力怎么样培养呢？我觉得最好的方法就是要多看优秀的网站，并且常问自己 为什么会感觉这个网站好看？它研究好在哪里？久而久之，什么样的网站是一个设计优秀

的网你心里就有数了。

四、对图片、声音、动画处理技术要掌握

　　目前来看现在网上纯文本的网页非常少了，如果一个成功的网站一张图片也没有那是不可能的。但图片的使用也要适当，过多的图片即影响速度又使页面失去了主题。适当的使用图片有“画龙点睛”的作用。

　 　图片怎么学呢？要学到什么程度呢？我在这里还是推荐Macromedia的产品，这个公司针对网站设计一共推出了三个产品，前面我介绍了一个 Dreamweaver 4是用来设制作网站的。它们公司还有Fireworks 4和Flash 5这两个软件。Fireworks 4这个软件就是用来进行网站图片处理的，我个人觉得学他要比学photoshop好。

　　Flash 5这个软件是用来做动画的，网上所说的闪客指的就是做flsh动画的高手。这两种软件的最基本的使用方法大家应该掌握，至少，网站设计所应该学会的最主要 的软件就是这些了。至于说那些制作logo、banner、javascrpt小效果等一类的专门软件就很好学了，基本装上后看看就能使用了。

五、网站的管理及后台程序的调试要有一定的了解

　 　所谓的网站管理包括资料的收集整理、写作和制作、及时更新网页和提供高质量的服务等方面。现在的网页一个星期进行一次更新已经无法满足大部分网迷朋友的 要求。所以，还是首先考虑自己的经济基础、精力和时间能不能跟得上。使用网页源代码“更新”的朋友们请注意：这是一种非常不明智的做法，对得起拜访你的主 页的朋友们吗？！

　　但是对于个人网站来说站长光杆司令精力有限，那该怎么样来解决这个问题呢？解决的办法是有的，那就是让自己的网站具有交互 性，可以让众多和你有相同爱好的网友帮助你共同管理网站。你可以建立文章发布系统来让网友帮助你更新、添加文章。类似这样功能的其它免费系统有很多的，我 们下载后可以进行修改，让其具有自己的特色，然后上传到自己的空间，我感觉这样的系统和专业的相差并不是很多。我个人觉得并没有必要天天去抠asp、 php编程。我们并不都想当程序员，网上免费的东东已经做的很不错了，拿过来会修改会安装就可以了。但这是我个人看法说的不一定对。

2024年网页前端制作工具 篇4

、一流的网站制作师需要掌握什么软件如果仅仅是设计网页，熟练掌握photoshop、IIIustator、flash等这些平面设计或者动画设计软件就行，有些又称网页美工，而制作网页，就需要使用dreamweaver、dw、PageAdmin系统等一些网页制作方面的软件了，当然，对代码的熟悉，明确网站主题和内容，熟悉HTML/CSS/JS等网页基本元素也是必要的。其实很多朋友纠结的这个问题，无非是没有准确定位好自己将来的目标，自己现在的基础等等，不管是网页设计还是制作，都是一套系统的学习流程，如果真的想学，去这个群，前三位：464。中间三位：245。最后三位：307。当然了，既然是学习，三天打鱼两天晒网的心态是断然不行的。不做好努力的准备，浪费了自己的时间，也浪费了别人的时间，难道不是吗？二、为什么说掌握html就能掌握网页制作html究竟是什么，说的简单一点，你打开一个网页、然后再网页任何一个地方点击鼠标右键、然后选择“查看源文件”、点击过后将以记事本的形式打开、里面的就全是HTML代码。可以说，学习网页制作，代码师核心，不管你是天才，还是普通人，这一项必须要学。网页制作是动手性很强的知识，所以学习html也需要系统的规划，不是说简简单单找几本资料就可以了。三、关于html可以说这是最基本的知识，也是最难掌握的。如果HTML知识掌握得好，可以用记事本就可以熟练编写网页（当然，不推荐这么做，因为有现成的工具可以帮助编写HTML，但拥有这种能力是很好的）会对日后使用编辑主页，编写ASP或PHP代码有极大帮助。四、说说你不知道的设计师的地位因特网正在改变世界，它促成了网络经济雏形的形成，特别是电子商务正由新概念走向实用化。由于因特网具有传播信息容量极大、形态多样、迅速方便、全球覆盖、自由和交互的特点，已经发展成为新的传播媒体，所以全球几乎各个企业、机构纷纷建立自己的Web站点。并且由此产生了一个新的工作岗位——网站设计（Website Designer）和网站管理者。这也就是为什么很多年轻人追寻这个行业，简单来讲，就是高新。五、为什么很多同学学了很久还是不会做？这个问题是大部分想学习网页制作的同学都面临过的一个问题，学了很久，到头来还是和零基础差不多。这就是没有定位清楚自己的水平。如果你什么都不懂，上来就去背一些代码，上来就学习如何编写之类的，假以时日之后，你还是什么都不会。所以老老实实的定位自己，从基础的开始，还是那个概念，系统，学东西就要系统，没有一套系统的头脑，做什么都是很困难的。六、最后——合适的工具尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网页制作工具了,目前选择比较多的就是dw，除此之外,还有图片编辑工具,如firework 、Photoshop 等;动画制作工具,如Flash等;网上有许多这方面的软件下载,你可以根据需要灵活运用。

2024年网页前端制作工具 篇5

一、菜鸟级网页制作软件

　　如果你是一个网页制作初学者，那么让下面几种软件带你走进那绚丽多彩的网页制作世界吧！　　

①Microsoft FrontPage

如果你曾对Word很熟悉，那么相信你用FrontPage进行网页设计一定会非常顺手。使用FrontPage制作网页，你能真正体会到“功能强大，简单易用”的含义。页面制作由FrontPage中的Editor完成，其工作窗口由3个标签页组成，分别是“所见即所得”的编辑页，HTML代码编辑页和预览页。FrontPage带有图形和GIF动画编辑器，支持CGI和CSS。向导和模板都能使初学者在编辑网页时感到更加方便。　　

FrontPage最强大之处是其站点管理功能。在更新服务器上的站点时，不需要创建更改文件的目录。FrontPage会为你跟踪文件并拷贝那些新版本文件。FrontPage是现有网页制作软件中惟一既能在本地计算机上工作，又能通过Internet直接对远程服务器上的文件进行工作的软件。　　

二、中级网页制作软件　　

如果你对网页设计已经有了一定的基础，对HTML语言又有一定的了解，那么你可以选择下面的几种软件来设计你的网页，他们一定会为你的网页添色不少。　　

①DreamWeaver　　

自制动态HTML动画的网页　　DreamWeaver是一个很酷的网页设计软件，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它还能通过拖拽从头到尾制作动态的HTML动画，支持动态HTML(Dynamic HTML)的设计，使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。　　

DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换，HTML句法及结构不变。这样，专业设计者可以在不改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处。DreamWeaver最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。　　

三、高级网页制作软件

①Microsoft Visual Studio　　

该系列的版本有：2003、2005、2008和未来的版本；　　适合开发动态的aspx网页，同时，还能制作无刷新网站、webservice功能等，仅适合高级用户。　　②Jbuilder　　

不论是各种版本，均适合使用其开发出JSP网页，仅适合高级用户。　　

③记事本　　

别以为记事本功能非常少，软件很简单；但是，如何想使用它来制作网页，也仅适合高级用户；因为在其内容，没有任何可视化的操作可直接制作网页，而只能编写各种HTML代码、CSS代码、JS代码和各种动态脚本，方能制作出网页来。　　楼主，这应该算详细了吧。。希望对你有所帮助。。。

2024年网页前端制作工具 篇6

Sublime优点

主流前端开发编辑器

体积小，运行快，启动快

文本功能强大

支持编译，且可以在控制台看到输出

可安装大量插件，来满足定制化需求（ctrl+shift+p,ip,搜索插件安装）

轻量级，使用小项目

Sublime缺点：

收费闭源，bug修复时间慢

安装插件的时候，只有插件列表，显示一句简单的描述，插件配置不方便，很多插件sublime2 和sublime3不兼容

VS Code优点：

免费，最重要是不要钱。

插件很多，最近VS Code发展势头猛，安装插件方便简单，有插件的详细介绍

占用内存低，启动速度，打开速度相对比较快

全平台，内置了对JavaScript, TypeScript and Node.js,C++, C#, Python, PHP等语言的强大支持

VS Code缺点：

不够稳定

启动速度，打开速度没有sublime快，大项目比较适用。2、VS Code安装

官网下载，直接安装

https://code.visualstudio.com/3、VS Code 常用插件安装

查看--扩展（或者快捷键ctrl+shift+x),在输入框输入你要安装的插件，选择一个插件，点击，右边会显示插件的详细信息，点击安装就可以了。

HTML Snippets，提示初级的h5代码片段，标签等

HTML CSS Support，让html标签写上class，智能提示当前项目所支持的样式。

view in browers，ctrl+f1在默认浏览器中，运行当前的html

vscode-icon，让vscode的文件夹目录添加上对应的图标。（如果不生效，在【文件-首选项-文件图标主题】重新选择设置）

path intellisense，文件路径自动补齐。

npm intellisense，require引用包的补齐

bracket pair colorizer，让括号有独立的颜色

auto rename tag ，修改标签闭合

vetur，vue插件，语法高亮、智能感知、emmet

tortoiseSvn，svn插件

auto close tag，自动添加html、xml关闭标签

beautify，格式化代码

change-case，修改文本的更多明明格式，驼峰命名，下划线分割命名等等

chinese(Simplified)Language Pack for Visual Studio，vscode看不习惯英文的同学，可以下载安装这个，中文简体语言包

color info，在颜色上悬停光标，就可以预览色块中色彩模型的详细信息、

css peek，追踪至样式表中css类和id定义的地方。在html文件右键菜单，单击选择器时，选择“go to definition ”，会跳转到css样式代码段

debugger for chrome，前端调试

eslint,检查js编程中的语法错误

html boilerplate，html模板插件，一键创建html文件

htmlHint，html代码格式检测

image preview，鼠标防在image路劲上，显示图像预览

intelliSense for CSS class names in HTML，把项目中css文件里的名称，智能提示在html中

JavaScript (ES6) code snippets ，es6代码片段提示

————————————————

综上，个人建议优先考虑VS Code!

2024年网页前端制作工具 篇7

在我认识的所有程序员里，每个人几乎都有专属于自己的常用工具和相关资源，今天给大家奉上数十个程序员硬核工具，我相信这里总有一款工具是属于你的！

程序员生产力工具大全如下：

1. Idea-Intellij IDEA (java 编程语言 开发的集成环境)

业界排名第一的java开发工具，非常非常好用，如果还在用eclipse的朋友，赶紧来体验一把，你一定会爱上她的。

2. SecureCRT (SSH终端仿真程序)

SecureCRT是一款终端仿真程序，支持SSH（SSH1和SSH2）以及Telnet和rlogin协议。SecureCRT用于连接运行包括Windows、UNIX和VMS在内的远程系统的理想工具。

3. Termius (全平台的远程终端)

termius是一款全平台的远程终端，Termius不仅涵盖了Windows、Linux、OSX，还变态得支持Android和iOS（以后在地铁、公交上都可以随时拿出手机来排查线上问题啦，还真是广大程序员的福音呢。

4. Google Chrome (谷歌浏览器)

Google Chrome是一款由Google公司开发的网页浏览器，该浏览器基于其他开源软件撰写，包括WebKit，目标是提升稳定性、速度和安全性，并创造出简单且有效率的使用者界面。

5. iTerm (为Mac OS X编写的终端仿真程序)

iTerm是一个为Mac OS X编写的，功能齐全的终端仿真程序；目标是在为用户提供OS X下最佳的命令行体验；字母i代表了本地苹果的外观和风格的程序界面，并把重点放在完整的国际支持； 它合并由两个项目， CTerminal和TerminalX ，而这两者都是基于JTerminal项目；该软件非常有实用和易用性。

6. Visual Studio Code (简称“VS Code”,编写现代Web和云应用的跨平台源代码编辑器）

重新定义和优化了代码编辑,以便生成和调试新式 Web 应用程序和云应用程序。也是著名的文本编辑器，它是轻量级的,vSCode的一大特点就是你可以通过多种方式来调整设置,而且Vim可以和VScode集成在一起，它还带有一个集成终端，可用的扩展太多，使开发人员的工作变得更加轻松。我最喜欢的一些扩展是AWS Toolkit, ESLint,Live Server, Live Share, Prettier-代码格式化程序，YAML,Live Sass编译器，Docker等。

7. VMware Fusion & VMware workstation (为计算机开发的虚拟机管理程序)

是在计算机上无缝运行 Windows 的最佳方式，可确保 Windows 应用程序在计算机上实现无缝运行可以在基于 Intel 的计算机上无缝运行 Windows、Linux 以及其他 PC等多个操作系统，进而构建、测试或演示软件。

8. Navicat Premium (数据库管理工具)

Navicat premium是一款数据库管理工具,是一个可多重连线资料库的管理工具，它可以让你以单一程式同时连线到 MySQL、SQLite、Oracle 及 PostgreSQL 资料库，让管理不同类型的资料库更加的方便。

9. Postman (api调试工具)

简单来说，四个词，简单、实用、大方、美观！postman这款网页调试工具的windows客户端，功能强大的HTTP调试与模拟插件。使用Postman可以进行API开发、请求、调试,除了它，还可以使用lnsomnia和Insomnia Designer作为API文档。

10. RedisDesktopManager (一款可视化 redis管理工具 )

Redis Desktop Manager是一款简单快速、跨平台的Redis桌面管理工具，也被称作Redis可视化工具，Redis Desktop Manager官方版是一款开源软件，支持通过SSH Tunnel连接，支持windows、mac等多平台。

11. Dash (基于MAC的 API文档浏览器和代码片段管理器)

“开发者不可或缺的杰作。”Dash 可让您的 Mac 即时离线访问 200 多个 API 文档集。立刻搜索离线文件集200层+的API ，100+备忘单和 href="">更多 功能。您甚至可以"">生成自己的文档集 或 href="">请求 包含href="">文档集 。

12. Fiddler & Wireshark (http抓包工具)

Fiddler和Wireshark都是进行抓包的工具:所谓抓包就是将网络传输发送与接收的数据包进行截获、重发、编辑、转存等操作,也用来检查网络安全。作为开发者，经常想调试一下http请求发送的数据的详情，那么可以使用这2款软件。用抓包工具wireshark的人相对来说更多一些。

13. HBuilder X (HTML5的Web开发工具)

当前最快的HTML开发工具,强大的代码助手帮你快速完成开发,最全的语法库和浏览器兼容性数据让浏览器碎片化不再头痛。作为HBuilder下一代的全新编辑器，HBuilderX被定位为ide和编辑器的完美结合，除了对某种语言的语法分析、提示、转到定义、调试，同时加强了对通用文本处理能力，界面更加清爽，拥有比上一代更加有效的快捷键体系。

14. MobaXterm (远程终端控制软件,集串口,SSH远程登录和FTP传输三合一的工具)

多功能终端MobaXterm Professional Edition 是一款豪华、全功能的终端软件。MobaXterm带来了所有必要的Unix命令到Windows桌面，在开箱单便携式exe文件。MobaXterm允许您启动远程会话。远程shell，MobaXterm远比Putty好用，您可以选择创建SSH，远程登录，Rlogin，RDP，VNC，XDMCP，FTP，SFTP或串行会话。

15. Sublime Text (跨平台代码编辑器)

http://www.sublimetext.cn/

Sublime Text 是一款用于代码、标记和散文的精致文本编辑器。Sublime Text 中文网致力于为广大国内开发者提供详尽的中文文档、使用说明等,助力开发者快速掌握这个编辑器。

16.webstorm (专业的HTML编辑工具)

web开发的必备的一款开发神器，比如写js、页面、css，那么这款软件用起来非常顺手。此软件和idea出自于同一家公司，这家公司做了很多异常好用的软件，基本上你需要的各种开发相关的IDE，这家公司都生产。可以说是“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”。新版对JavaScript，TypeScript和CSS支持更好，改进了Vue.js的体验，并为Jest集成增加了新功能。

17.Xshell (功能强大的终端模拟器)

linux原创控制软件，完全免费且非常稳定的 SSH 客户端 ，支持多种远程协议，提供了很多特色与高级功能，简体中文界面也让你轻松管理远程服务器。 Xshell 的 Screen 会话不闪屏，而且可以回滚；Script 的执行顺序可以调整；可以同时发送指令到多个 session；支持布局切换等。

18. SwitchHosts (修改Hosts文件的工具)

这是用于在多个HOSTS之间进行切换。可在公用hosts文件 、当前系统hosts、本地方案和在线方案间进行切换。作为一名开发人员，经常需要修改本地host，你还是通过修改host文件来操作的么？那样太慢了，这里建议大家使用switchhosts这款软件，可以快速修改本地host，非常好用。

其他工具：

1. CodeIf(智能命名) ： https://unbug.github.io/codelf

大部分开发者都或多或少遇到过变量命名的烦恼，如果命名不规范，不仅会影响开发的效率，而且对后面维护的同学来说也是一个不小的挑战，因为他要去揣摩你这个变量的含义。随着项目越来越复杂，变量和函数数量越来越多，虽然每个编程语言都有各种命名规范，但是也不能解决所有的问题。

“计算机科学里两件最难的事：缓存失效和命名。” Codelf通过搜索在线开源平台Github, Bitbucket, Google Code, Codeplex, Sourceforge, Fedora Project的项目源码，帮开发者从中找出已有的匹配关键字的变量名，从而帮助为变量名苦恼的开发者命名。这个搜索服务支持直接搜索中文。

同时可以在自己用的编辑器里安装插件，支持 VS Code、Atom、Sublime Text 和 Chrome。

2. DocsChina-印记中文 ： https://www.docschina.org

这是一个前端中文文档合集，进入网站可以看到开发中经常使用的前端中文文档。如果你的英文实在不怎么好，还在为找中文文档而烦恼，这里将是你非常好的选择。记得放到自己的浏览器收藏夹里哦！

3. any-rule(正则表达大全)： http://github.com/any86/any-rule

any-rule 维护了一个常用正则表达式合集，并且本身是一个支持 Web/VS Code/idea/Alfred Workflow 多平台的正则表达式工具。

4. tool.lu(在线工具)： https://tool.lu

程序员总是有很多小工具要使用，比如图片、Base64编码、Markdown编辑器时间戳转换，进制转换等，在线运行各种语言代码。这个网站包含了太多程序员需要用到的小工具了。比如你想运行点JAVA代码，又不想麻烦的在系统中安装JAVA环境，可以使用里边的在线运行代码工具，然后选择JAVA,写点JAVA代码就可以直接运行了。

5. Baomitu(前端静态源库)： https://cdn.baomitu.com

这个静态资源库是支持HTTP/2的CDN服务，有了它，如果你是自己的小型项目或者是做测试就不用下载任何的代码库，直接粘贴地址过来用就可以，因为是国内的CDN库，速度还非常的快。

6. Typora-Markdown(编写工具)：https://www.typora.io

一款实用的 Markdown 编写工具，所见即所得，用Markdown编写文章是一个程序员的标准配置，也就是标配。现在有很多在线工具都支持Markdown，什么有道云笔记、雀语，、印象笔记等。这种简单的界面，沉浸式的编写，清晰的大纲，它就像一件称手的兵器，让你一旦拥有就爱不释手。

7. Snipaste (简单便捷的截图软件)：https://zh.snipaste.com/download.html

一款免费的桌面截图软件，功能强大，使用方便，支持任何屏幕位置截图，支持窗口截图，支持快捷方式截图。您可通过截取贴图，使两张图合并为一张图，还能调整截图文字图像等等，是一款非常强大的贴图软件，喜欢此款贴图软件的朋友不要错过。

8. Captura (最好用的开源录屏、gif动态图片制作工具)

官网：https://captura.updatestar.com/github：https://github.com/MathewSachin/Captura

通过这款工具可以帮助你轻松录制各种视频。支持全屏录制、区域录制两种方式，全屏录制可以录制全部的电脑屏幕，将电脑屏幕上所有的动态都录制下来,该软件还拥有视频编解码器，可以对视频进行解码，支持mp4、avi、GIF、webm等格式，可以满足一般的解码需要。还支持屏幕截图、剪贴板，简单的图像编辑等功能，是一款非常好用的屏幕录像工具。

9. 向日葵 (远程控制软件): https://sunlogin.oray.com/

向日葵远程控制是一款提供远程控制服务的软件。向日葵远程控制支持主流操作系统Windows、Linux、Mac、Android、iOS跨平台协同操作，在任何可连入互联网的地点，都可以轻松访问和控制安装了向日葵远程控制客户端的设备。整个远控过程，可通过浏览器直接进行，无需再安装软件。

10. Everything (本地文件检索工具):http://www.voidtools.com/support/everything/

由voidef="">tools 开发的一款文件搜索工具，这款软件是基于名称实时定位文件和目录。Everthing功能强大，体积小巧，第一次安装使用时会建立一个索引数据库，将所有文件和文件夹的名称导入其中，后续使用能够以极快的速度快速搜索，查找到你所需要的文件。

11. StarUML (UML画图工具)

画uml图的一款神器，类图、时序图、流程图、状态图等等，都可以用这款工具轻松应对。

12. uTools (生产力工具集):https://u.tools/

一个极简、插件化、跨平台的现代化桌面软件。通过自由选配丰富的插件,打造你得心应手的工具集合。这个工具，我只能说他是一款神奇，太牛逼，这款工具中汇集了很多好用的工具，可以通过这款工具秒开电脑上的各种软件。

搜索资源网站工具：

1.Bing

Bing 国际版：https://cn.bing.com/感觉比某度要好用多了。

2.DuckDuckGo

DuckDuckGo：https://duckduckgo.com/从官网的介绍来看这个搜索引擎不收集用户信息，而且没有广告。

3.Stack Overflow

Stack Overflow：https://stackoverflow.com/我们如果常用 Google，很多技术问题的答案就在这个网站上，如果你无法使用 Google 可以在这个网站上直接检索就好了。

4.Gitlogs

Gitlogs：https://www.gitlogs.com/Gitlogs 是专门针对 GitHub 项目的搜索引擎，我们通过他可以快速找到想要项目。

5.jiumo search

文档搜索引擎 jiumo search 鸠摩搜书：https://www.jiumodiary.com/可以用来找一些技术文档手册，很多在百度网盘里。

6.Ebooke

Ebooke：https://ebookee.org/Ebookee 是一个基于互联网并提供免费电子图书下载的搜索引擎网站。

7.Iconfinder

图标搜索：https://www.iconfinder.com/用来查找 logo 图片。

8.TinEye

TinEye：https://www.tineye.com用图片来检索图片，我们可以上传图片或输入图片的 URL 来检索。

9.SemanticScholar

SemanticScholar：https://www.semanticscholar.org/SemanticScholar 是一个免费学术搜索引擎，其检索结果来自于期刊、学术会议资料或者是学术机构的文献。

10.LibreStock

LibreStock：https://librestock.com/LibreStock 上可以检索一些优质的高清图片。

http://11.CC Search

CC Search：https://ccsearch.creativecommons.org/CC Search 上搜索到的图片资源都是无版权的，我们可以免费的使用。

12.Pexels

Pexels：https://www.pexels.com/高质量的图片网站，可以免费使用。

13.Unsplash

Unsplash：https://unsplash.com/免费高清素材网站。

14.The App Store

The App Store：https://theappstore.org/The App Store 是一个针对苹果手机、iPad、Mac 设备的应用搜索工具。

在线画图工具：

• 在线画图工具ProcessOn：https://www.processon.com/• 在线画图工具http://draw.io：https://app.diagrams.net/• 在线思维导图工具：http://www.mindline.cn/webapp• PlantUML在线编辑器：http://haha98k.com/

在线开发辅助工具：

日常开发经常会用到一些辅助工具我总结为8大类，包括：编解码工具、转换工具、正则工具、编译工具、网络工具、格式化工具、可视化工具、在线生成器、以及其他工具等等。具体列表如下:

在线编码工具：BASE64编解码工具：https://base64.supfree.net/• MD5编码工具：https://www.zxgj.cn/g/md5• AES/DES加解密：http://www.fly63.com/tool/cipher/• JWT解码工具：http://jwt.calebb.net/• ASCII编解码工具：https://www.matools.com/code-convert-ascii• Unicode编解码工具：https://www.zxgj.cn/g/unicode• UTF-8编解码工具：https://www.zxgj.cn/g/utf8• 字符串编解码工具：https://www.zxgj.cn/g/enstring• URL编解码工具：http://tool.chinaz.com/tools/urlencode.aspx?jdfwkey=lbixz1

在线转换工具：在线ASCII码对照表：http://www.fly63.com/tool/ascii/• 通用进制转换工具：https://www.zxgj.cn/g/jinzhi• 在线浮点数十进制转换：http://www.binaryconvert.com/• RGB颜色转换：https://www.zxgj.cn/g/yansezhi• 时间戳转换工具：https://www.zxgj.cn/g/unix• 计量单位换算工具：http://www.fly63.com/tool/unitable/• 在线JSON解析：http://www.json.cn/• 在线JS代码格式化工具：https://prettier.io/playground/• SQL压缩/格式化工具：https://www.zxgj.cn/g/sqlformat• JSON和XML在线转换：https://www.zxgj.cn/g/jsonxml• JSON/YAML在线转换：http://www.fly63.com/tool/jsonyaml/• 人民币大小写转换工具：http://www.fly63.com/tool/renmingbi/

正则表达式工具：正则表达式调试工具：https://regexr.com/• 正则表达式可视化工具：https://jex.im/regulex/

网络工具：IP地址归属地查询：https://www.ip138.com/• IP地址查询：https://www.ipip.net/ip.html• HTTP在线接口测试工具：http://www.fly63.com/php/http/

在线编译运行工具：C#在线编译运行：https://rextester.com/• C/C++在线编译调试：https://www.onlinegdb.com/• 在线编译工具套装：https://c.runoob.com/

可视化/格式化工具：在线前端编辑器: https://codepen.io/• 在线数据可视化：https://flourish.studio/• 在线JSON解析：http://www.json.cn/• 在线CSS代码可视化工具：https://enjoycss.com/• XML格式化工具：https://www.zxgj.cn/g/xmlformat• 在线JS代码格式化工具：https://prettier.io/playground/• SQL压缩/格式化工具：https://www.zxgj.cn/g/sqlformat• JSON和XML在线转换：https://www.zxgj.cn/g/jsonxml• JSON/YAML在线转换：http://www.fly63.com/tool/jsonyaml/

在线生成器：UUID在线生成器：https://www.zxgj.cn/g/uuid• 随机数生成器：https://www.zxgj.cn/g/suijishu

其他常用工具：在线Nginx配置工具：https://nginxconfig.io/• 在线对比工具：http://www.fly63.com/tool/textdiff/• 在线Chrome浏览器插件：https://www.crx4chrome.com/• 在线接口文档管理工具：http://www.docway.net/

在线素材工具：

如果你写文章，或者做视频，那就一定少不了要找素材，包括各种图片、背景、emoji表情、表情包、壁纸、视频、gif图等等。• 免费透明背景图片素材：http://pngimg.com/• Emoji表情搜索：https://emoji.svend.cc/• Emoji表情包下载：https://emojiisland.com/• open source icons：https://feathericons.com/• 表情包在线网站：https://fabiaoqing.com/• 免费PNG图片库：https://pluspng.com/• ICON图标在线下载：https://www.iconfinder.com/• 极简壁纸：https://bz.zzzmh.cn/• Wallpaper Abyss壁纸：https://wall.alphacoders.com• Pixabay图片素材库：https://pixabay.com/zh/• Unsplash图片素材库：https://unsplash.com• Pexels图片素材库：http://www.pexels.com• NASA图片视频素材库：https://images.nasa.gov

设计制作类工具：

对于那些文章创作者和视频创作者而言，设计封面，做海报，设计LOGO，图片美化等等基本也是刚需。

这样大概率日常会用到一些简易好上手的在线设计制作类工具，比如在线P图、音/视频轻量化剪辑、logo制作、海报设计制作、图片美化、在线图片转换或生成等等。• 在线PS：https://www.uupoop.com/• 在线音频剪辑：https://www.weixinsyt.com/• 在线视频剪辑：https://www.kapwing.com/• 免费logo在线制作：http://www.uugai.com/• 艺术字体在线生成：https://www.qt86.com/• 在线表格转换工具: https://tableconvert.com/• 在线海报设计工具: https://www.designcap.com/• 图片智能放大工具：https://bigjpg.com/• 二维码美化器：https://mh.cli.im/• 在线代码截图工具：https://carbon.now.sh/• 在线抠图工具：https://www.remove.bg/zh• ICO图标在线生成：http://www.fly63.com/php/ico/• SVG转PNG工具：http://www.fly63.com/tool/svg2img/• 视频转GIF工具：http://www.fly63.com/tool/giftxt/• 二维码在线生成器：http://www.fly63.com/tool/ewm/• 二维码在线解码：http://www.fly63.com/php/decoder/

写辅助工具：

写文章的过程中经常会用到和写作相关的辅助工具，比方说：字数统计工具、Markdown格式的文章排版工具、图床网站、代码截图工具等等，所以下面这些在线工具就能很好地满足我的需求。• 在线字数统计：https://www.eteste.com/• mdnice markdown排版工具：https://mdnice.com/• md2all markdown排版工具：http://md.aclickall.com/• 在线图床神器：https://picx.xpoet.cn/• 在线免费图床：https://sm.ms/• 图壳图床：https://imgkr.com/• 在线代码截图工具：https://carbon.now.sh/• 在线短链接工具：https://urlify.cn/• 在线文本替换：http://www.fly63.com/tool/textreplace/

在线办公工具：

部分在线工具主要用来处理一些和文档以及文稿相关的事情，经常用到的比如：在线的全套pdf处理和转换工具、各种各样多媒体文件间的相互转换工具、在线识别工具、在线压缩工具等等。• pdf在线处理工具1：https://smallpdf.com/cn/pdf-tools• pdf在线处理工具2：https://tools.pdf24.org/zh/• pdf转word在线工具：https://www.pdftoword.com/• 在线多媒体转换器合集：https://cn.office-converter.com/• 在线文字识别工具：https://ocr.wdku.net/• 在线文件压缩工具：https://docsmall.com/

文档笔记工具：

好记性不如烂笔头，作为一个学习者，我觉得记笔记是必不可少的步骤。当然现在基本都做电子笔记和电子文档比较多。现如今各式各样优秀的文档工具和笔记软件鳞次栉比，好用的也有很多，整理成如下列表，这东西各有长处，使用哪个最合意还得看个人习惯和需求了。• 印象笔记：https://www.yinxiang.com/• 有道笔记：https://note.youdao.com/• OneNote：https://www.onenote.com/• 幕布：https://mubu.com/• 为知笔记：https://www.wiz.cn/• 石墨文档：https://shimo.im/• Simplenote：https://simplenote.com/• 语雀：https://www.yuque.com/

编程学习网：

• 哔哩哔哩：https://www.bilibili.com/• C语言网：https://www.dotcpp.com/• cppreference：http://zh.cppreference.com/• 中国大学MOOC：https://www.icourse163.org/• 牛客网：http://www.nowcoder.com• 网易公开课：http://open.163.com• CodeGym：https://codegym.cc/• BeginnersBook：https://beginnersbook.com/• JavaSED：http://www.javased.com/• codecademy：https://www.codecademy.com/• Coursera：https://www.coursera.org/• StackOverFlow：https://stackoverflow.com/• LeetCode：https://leetcode-cn.com/• LintCode：https://www.lintcode.com/

在线教程文档：

这部分主要集中了在做开发过程中随手参考所要用到的几乎所有在线教程和官方文档，有中文版文档的基本都优先列出来了，但更多时候是英文的官方文档。• Git中文教程：https://git-scm.com/book/zh/v2• SVN中文手册：http://svnbook.red-bean.com/nightly/zh/index.html• jQuery API中文文档：https://jquery.cuishifeng.cn/• Nginx中文文档：https://www.nginx.cn/doc/index.html• Kafka中文文档：https://kafka.apachecn.org/• Mybatis中文文档：https://mybatis.org/mybatis-3/zh/index.html• 微信小程序官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/• Nodejs中文教程文档：http://nodejs.cn/learn• Apache Web Server文档：http://httpd.apache.org/docs/• Spring文档中文版：https://www.springcloud.cc/spring-reference.html• Golang标准库文档中文版：https://studygolang.com/pkgdoc• Java 8官方文档：https://docs.oracle.com/javase/8/docs/api/index.html• Maven官方文档：http://maven.apache.org/guides/• Tomcat 8官方文档：http://tomcat.apache.org/tomcat-8.0-doc/index.html• Spring Boot官方文档：https://docs.spring.io/spring-boot/docs/current/reference/htmlsingle/• RabbitMQ官方文档：https://www.rabbitmq.com/documentation.html• RocketMQ官方文档：http://rocketmq.apache.org/docs/quick-start/• Dubbo中文文档：https://dubbo.apache.org/zh/docs/• Netty官方文档：https://netty.io/wiki/index.html• Elasticsearch官方文档：https://www.elastic.co/guide/en/elasticsearch/reference/current/index.html• Spring Cloud官方文档：https://spring.io/projects/spring-cloud• Docker官方文档：https://docs.docker.com/get-started/• kubernetes中文文档：https://kubernetes.io/zh/docs/home/• thymeleaf官方文档：https://www.thymeleaf.org/documentation.html• Vue.js中文文档：https://cn.vuejs.org/v2/guide/• React.js官方文档：https://reactjs.org/docs/getting-started.html• Jenkins中文文档：https://www.jenkins.io/zh/doc/

华为云平台：高效易用的低代码aPaaS平台-应用魔方AppCube：https://www.huaweicloud.com/product/appcube.html集华为研发实践、前沿研发理念、先进研发工具为一体的软件开发平台-软件开发平台 DevCloud：https://www.huaweicloud.com/devcloud/

以上内容分享自华为云社区《吐血整理：程序员都在用什么工具？》，作者： 考过IE励志当攻城狮 ，部分内容整理自互联网~