前端开发常用哪些工具软件?
前端开发必备工具,一篇文章一网打尽
文章目录
一、前端提高“生产力”工具
1.WebStorm
2. 远程开发 - VSCode
3. 接口测试 - Postman
4.API在线文档生成和测试 - SwaggerUI
5.抓包工具 - Wireshark
6.通用数据库管理 - DBeaver
7.MD编辑器 - Typora
8.虚拟机 - VirtualBox
9.Git存储库托管 - GitHub
10.项目管理 - Trello
二、提升前端技能的26个网站,走过路过不错过:
三、前端真香教程
一、前端提高“生产力”工具
1.WebStorm
下载地址:WebStorm: The Smartest JavaScript IDE, by JetBrains
功能介绍:
WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。官方提供的插件支持,满足许多不会配置的同学,ESlint,词法高亮,emmet,CSS预处理器,新版本也添加了对ES6的支持,内建了服务器调试。
目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。
2. 远程开发 - VSCode
Visual Studio Code - Code Editing. Redefined
VSCode 是目前最受开发人员欢迎的编码工具之一,具备强大便捷的远程开发能力。与其它远程开发工具不同的是,VScode 是通过 SSH(Secure Shell) 的方式连接到远程服务器。这种方式不仅省略了繁琐的上传和下载步骤,还可以实现实时同步,让远程开发过程更流畅高效。
功能特色:
开源工具,可免费使用
支持自定义配置
可集成Git
支持各种文件格式(html/jade/css/less/sass/xml)
调试功能强大
插件生态机制强大
3. 接口测试 - Postman
https://www.getpostman.com
Postman 提供功能强大的 Web API 和 HTTP 请求调试,提供有 Chrome 扩展插件版和独立的APP,对于检查后端端点非常有用。
功能特色:
支持多种请求类型(get、post、put、patch、delete 等)
支持在线存储数据和迁移数据
支持请求 header 和请求参数的设置
支持不同的认证机制(Basic Auth,Digest Auth,OAuth 1.0,OAuth 2.0 等)
响应数据自动按照语法格式高亮,包括 HTML,JSON 和 XML
4.API在线文档生成和测试 - SwaggerUI
http://swagger.io
SwaggerUI 是一个 API 在线文档生成和测试的利器。有了这款工具,不需要频繁更新接口文档,就能保证接口文档与代码的一致。
功能特色:
支持在多种开发环境中使用
操作便捷
支持所有主流浏览器
完整的OAS支持
5.抓包工具 - Wireshark
https://www.wireshark.org/download.html
Wireshark 是一款小巧、开源且能在几乎所有流行操作系统下使用的抓包工具软件。使用Wireshark 可以截取各种网络封包,显示网络封包的详细信息。可以在Windows和Mac OS上运行。
功能特色:
快速检测网络问题
快速检查信息安全相关问题
新通信协议调试
6.通用数据库管理 - DBeaver
Download | DBeaver Community
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/
三、前端真香教程
web 入门 Html5+css:最新前端开发入门教程,web前端零基础html5 +css3+前端项目视频教程 web 进阶:web前端进阶教程,前端html5+css3+移动端项目实战(含华为新闻,b站移动端等)
技术进阶 JavaScript:JavaScript全套教程,Web前端必学的JS入门教程,零基础JavaScript入门 DOM BOM:JavaScript核心教程,前端基础教程,JS必会的DOM BOM操作 jQuery:前端基础必备教程|jQuery网页开发案例精讲 Ajax:AJAX零基础到精通_整合Git核心内容全套教程
Vue 开发 Node.js: Node.js全套入门教程,nodejs最新教程含es6模块化+npm+express+webpack+promise等_Nodejs实战案例详解 Vue2+Vue3全套:Vue全套视频教程,从vue2.0到vue3.0一套全覆盖,前端必会的框架教程
React &小程序开发
React:前端React视频教程,react零基础入门原理详解到好客租房项目实战
零基础玩转微信小程序:前端微信小程序开发教程,微信小程序从基础到发布全流程_企业级商城实战(含uni-app项目多端部署)
别看了,收藏支持一下
先自我介绍一下,小编13年上师交大毕业,曾经在小公司待过,去过华为OPPO等大厂,18年进入阿里,直到现在。深知大多数初中级java工程师,想要升技能,往往是需要自己摸索成长或是报班学习,但对于培训机构动则近万元的学费,着实压力不小。自己不成体系的自学效率很低又漫长,而且容易碰到天花板技术停止不前。因此我收集了一份《java开发全套学习资料》送给大家,初衷也很简单,就是希望帮助到想自学又不知道该从何学起的朋友,同时减轻大家的负担。添加下方名片,即可获取全套学习资料哦
前端开发常用哪些工具软件?相关推荐
- Web前端开发常用必备工具(一)
一个称手的工具可谓是事半功倍,对程序员来说,更是离不开各种各样的实用小工具,你现在的工具用的还称手吗?你还在为没有好用的工具而发愁吗? 蓉妹儿在这里给你分享一些Web前端开发的常用必备工具,还没安装的 ...
- 前端开发常用技术工具网址导航汇总
这个是之前github看到过的一篇前端开发网址总结,涵盖前端开发所有常用的相关技术和插件工具汇总, 以后找前端相关学习资料不用到处找,收藏这一个就可以了,觉得很不错现在分享给大家. 1.1 HTML/ ...
- Web前端开发常用的开发工具
Web的发展日新月异,这也使得Web开发者不得不加快脚步,学习新的技术和编程语言.尤其是对于那些大量流量入口的网站来说,跟上技术发展趋势更是尤为重要.为了使得Web开发人员能够更加专注于业务层面的开发 ...
- 前端开发用什么工具?前端开发需要哪些软件
孔子说,"工欲善其事,必先利其器",当前运用前端开发,也是很恰当的,那么,前端开发用什么软件?前端开发用什么工具?下面php中文网就为大家总结一下前端开发开发工具. 一:HBuil ...
- Web前端开发常用的十款开发工具汇总
今天小编要跟大家分享关于Web前端开发常用的十款开发工具汇总 1.Glitch https://glitch.com 好的,这不仅仅是一个工具,还是一个非常棒的编码平台以及一个很棒的技术社区.我可以在 ...
- CDN公共库、前端开发常用插件一览表(VendorPluginLib)
============================================================= ==========================前端CDN公共库==== ...
- web前端开发都用什么软件?
做web前端开发的小伙伴都有自己喜欢使用的开发工具,每个人都有自己的喜好,这里就给大家推荐几个使用的比较多的,以下排名不分先后~~ 1.Dreamweaver Dreamweaver是非常老的前端开发 ...
- 前端开发常用的Chrome插件推荐
谷歌浏览器简单清爽的界面.因其丰富的插件,成为前端开发者喜欢的浏览器.而易用的插件可以帮助开发者减少开发过程中的大量工作量,带来更加强大的效果.今天给大家推荐几个在程序员中口碑不错非常实用的Chrom ...
- 前端开发学习及工具网站(持续更新)
前端开发学习及工具网站 该文章主要是记录前端开发中好的学习网站或者工具网站 大部分实用网站来源抖音鱼皮大佬分享,这里分享给大家 1.w3cschool(编程狮) 这个网站适合0基础学前端的同学,内容简 ...
- 程序员常用的工具软件
目录 工具类 Postman Restlet Client FeHelper [Web前端助手] Set Character Encoding Momentum Visual Studio Code ...
最新文章
- unittest笔记
- C# DateTimePicker控件如何精确设置显示时分秒
- [转]在ubuntu上安装chrome浏览器
- DHCP详细工作过程
- 特征值与特征向量(一)
- 5.0安装没有costom mysql_Zabbix5.0监控mysql配置
- 一个男生写的关于怎么追女生昨天没有说一个很关键的东西
- 关于CWMP基础(一)----(TR069)
- centos8安装配置web服务器
- java 合并多个文件_java中如何将两个文件合并到另一个文件
- js事件冒泡与事件捕获、阻止事件冒泡和浏览器默认行为
- 【愚公系列】2022年05月 vue3系列 axios请求的封装(TS版)
- 微淼商学院php面试_微淼商学院校友故事:培养财商,生活会越过越好
- 盛世昊通全新升级,引领智慧新经济
- docker-compose安装nginx配置hppts 报错
- matlab分析总谐波失真THD,运放参数的详细解释和分析-part21,总谐波失真(THD)
- 大数据应用分析解决方案----图书出版
- SOLIDWORKS会遇到的预览问题
- 我做了一个Python Bot,可以解决任何给定图像中的多项选择问题。 码]
- 读《道德经》:混职场的你别不服,牛人与普通人,就差这5点!