前端开发工具集

置顶 已于 2022-05-20 00:23:50 修改
阅读量6.9k 收藏 4
点赞数 10
分类专栏： 前端 文章标签： javascript
于 2021-10-12 13:44:29 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baidu_38798835/article/details/120708365
版权

在线编程

1. StackBlitz

StackBlitz将大家最常用的IDE Visual Studio Code 搬进了浏览器。除此以外，StackBlitz快速配置 Angular、React、Ionic、TypeScript、RxJS、Svelte等各类的JavaScript框架。有了它，只需几秒就可以开始写代码了。

2. CodePen

CodePen 的界面很简洁，三个编辑器和一个预览容器，并且预览效果会实时更新。

3. CodeSandbox

CodeSandbox也是类似 Visual Studio Code 的风格的在线编码工具。初次使用需要注册账户，可以在上面进行分享等协作活动。

4.Jsbin 

非常简单的一个在线编码工具。

VS Code插件

ESlint：代码检查和修复提示

GitLens：可以直接查看每一行代码的作者，日期等

代码生成

1. EnjoyCSS

EnjoyCSS 提供了一个简单的交互界面设计元素，然后自动输出相应的 CSS 代码。

数据统计

百度指数

Google Trend

编程语言排行榜

 其他

开发工具箱

菜鸟工具箱

常用的HTML特殊字符速查

阿里图标库

参考

https://github.com/pluckhuang/articles-1/blob/master/02-Online.Code.IDE.Introduction.md

betty_grant
关注
  • 10
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端常用的 59 个工具类【持续更新】
QQ_____365392777的博客
08-09 589
前端开发有时会处理一部分后台返回的数据,或者根据数据判断做一些处理;这个时候就非常有必要将一些常用的工具类封装起来;本文根据常用的一些工具类封装了 59 个方法,当然还有很多用的较少前期没有录入,后期持续跟新;源码地址,utils-lan 源码地址,欢迎 star!码字不易,持续更新中,欢迎 start!......
七个好用且免费的在线代码编辑器，你喜欢哪个？
青春木鱼的博客
02-06 7389
七个好用且免费的在线代码编辑器，你喜欢哪个？免费的在线 IDE 对我们开发人员来说只是一种福利。在我们购买 IDE 或安装市场上的免费 IDE 之前，让我告诉你，我们根据要使用的技术安装和配置编辑器。
5 个好用且免费的在线代码编辑器
qq_46094651的博客
08-10 1万+
免费的在线 IDE 对我们开发人员来说只是一种福利。在我们购买 IDE 或安装市场上的免费 IDE 之前，让我告诉你，我们根据要使用的技术安装和配置编辑器。我们对具有不同配置和技术的其他应用程序重复此步骤。我们花时间配置东西而不是实际编写应用程序。你不会立即看到差异。你需要保存并刷新浏览器——这是多么浪费时间。现在情况仍然如此，但在执行任务或客户项目数月时这是正常的。现代在线编程方式对好奇的人来说是一个真正的推动力，他们渴望知识和发现新技术，而无需将精力和时间花在配置和安装等副业上。
前端开发者必备的 12 个工具
最新发布
2401_84435016的博客
04-27 890
前端 web 开发是一个令人兴奋的领域，越来越多的需求，形成了一个高薪的职业。同时，Web 领域还有很多可靠的工作，使得 Web 开发者能够更加高效的工作。下面是我在日常开发中经常用到的 12 个工具，分享给大家，希望能对大家有所帮助。这个工具可以让你了解到某个网站是用什么搭建的，即它的内容管理系统、电子商务平台或营销自动化工具。研究如何创建一个网站，这是一个很棒的工具。它还创建了使用某些技术的网站列表，这些技术可以帮助你了解如何构建客户的网站。准备大型项目时，我无数次地使用这个工具。
前端开发常用哪些工具软件？
热门推荐
m0_57290404的博客
05-17 2万+
前端开发必备工具，一篇文章一网打尽 文章目录 一、前端提高“生产力”工具 1.WebStorm 2. 远程开发 - VSCode 3. 接口测试 - Postman 4.API在线文档生成和测试 - SwaggerUI 5.抓包工具 - Wireshark 6.通用数据库管理 - DBeaver 7.MD编辑器 - Typora 8.虚拟机 - VirtualBox 9.Git存储库托管 - GitHub 10.项目管理 - Trello 二、提升前端技能的2...
22个实用的前端工具
qq_34703156的博客
02-10 5876
一、CSS布局生成器 Layout：https://layout.bradwoods.io/customize 它是一个全功能的 CSS 和 JSX 生成器，用于使用 CSS Grid 布局语法生成不同种类的布局，任意修改 Grid 的属性，并且实时展示画面，生成对应代码。当然还有 Flex布局（不过现在还不是很完善） 二、Riju Riju：https://riju.codes/ Riju是一个继承了224种语言的在线代码运行平台，十分简洁，无广告，非常推荐 三、Whirl .
前端开发规范手册合集.zip
06-16
前端开发规范手册合集，包含前端开发基本规范、vue项目开发规范、css开发规范、js开发规范、IDE工具规范手册，技术开发全面的规范手册，集团内部规范手册，不是网络上的普通规范手册，物有所值！！！！
Mockcat 简单易用的前后端分离开发工具集
11-08
Mockcat是一款前端与后台分离开发的简易接口Mock数据工具集。提供了Mock数据的模块化管理，接口的定义和测试（支持JSON5/XML文档格式、Mock.js的语法规则），Mock数据的操作日志，以及接口的Mock服务功能。另外，...
Mockcat是一款前端与后台分离开发的简易接口Mock数据工具集
08-11
Mockcat是一款前端与后台分离开发的简易接口Mock数据工具集。提供了Mock数据的模块化管理，接口的定义和测试（支持JSON5/XML文档格式、Mock.js的语法规则），Mock数据的操作日志，以及接口的Mock服务功能。另外，...
Bootstrap前端开发案例一
09-02
总的来说，Bootstrap是一个强大的工具，它简化了前端开发过程，让开发者能够专注于内容和交互，而不是琐碎的样式细节。通过不断探索Bootstrap的API和文档，你可以逐步掌握更多技巧和最佳实践，提高开发效率，创建出...
(mac)web前端建站+工具集，包含开发工具 HBuilderX、FileZilla、VirtualBox\即使设计等...
05-16
(mac)web前端建站+工具集，包含开发工具 HBuilderX、FileZilla、VirtualBox、即使设计等...
超级棒的170+款web前端开发工具汇总，千万要收藏好！
男神的专栏
07-14 5841
作者：web前端开发我们与企业内部的Web开发团队进行了很多次交流，研究了很长时间，最后将Debug工具与Web前端开发工具整理汇总在了一起，这些工具对每个Web开发人员都非常有用。这些工具将使您的工作更加轻松，特别是如果您是Web开发人员，Web设计人员或项目经理。您应该查看一下并尝试一下。不管您是网站开发人员还是设计师？这些工具将使您的生活和工作流程更加轻松。网址：http://alertifyjs.com/AlertifyJS是一个JavaScript框架，用于开发漂亮的浏览器对话框和通知。
《吐血整理》系列 大厂前端组件库工具集合（PC端、移动端、JS、CSS等）
油墨香^-^的博客
03-21 771
Coding 应当是一生的事业，而不仅仅是 30 岁的青春饭本文已收录，欢迎 Star，持续更新上一篇《吐血整理》系列 大厂前端必备工具集合（抓包、调试、Mock 数据等等）发布之后，很多小伙伴问怪怪有没有大厂前端开发工具组件库的集合，今天，它来了，它踏着七彩祥云来了！！！本文已收录，欢迎 Star，持续更新上一期的《吐血整理》系列 大厂前端必备工具集合（抓包、调试、Mock 数据等等），获得大家一致好评，于是怪怪我加班加点，写下了这一期。
前端开发必备工具：
SunPeng的博客
01-10 665
前端开发必备工具及下载链接：，免费下载软件，前端常用工具大全
前端常用的开发工具（推荐）
前端很杂，故名前端杂货铺 —— coderkey
05-25 1万+
一、Visual Studio Code 下载地址：https://code.visualstudio.com/ 功能介绍： 微软在2015年4月30日Build 开发者大会上正式宣布了 Visual Studio Code 项目：一个运行于 Mac OS X、Windows和 Linux 之上的，针对于编写现代 Web 和云应用的跨平台源代码编辑器。 Visual Studio Code软件功能非常强大，界面简洁明晰、操作方便快捷，设计得很人性化。软件主要改进了文档视图，完善了对 Markdown的支持，
前端工程师必备的 10款开发工具
weixin_43955769的博客
01-23 1万+
随着HTML5技术发展的如火如荼，现今HTML5技术已经改变了我们写网页的方式以及iOS和安卓双端的开发方式，随着各大浏览器厂商及软件厂商对H5技术的不断支持完善，H5已经形成市场，趋向成熟。 今天就由码疯窝学院的本小编给大家推荐这10款优秀的H5开发工具，帮你更好更高效的编写H5优美的代码。 一、HBuilder hbuilder是DCloud推出的一款支持HTML5的Web开发IDE...
前端最受欢迎的6个开发工具
BYGFJ的博客
09-15 470
大家好，每天分享一个小技巧，让你轻松节省开发效率，实现不加班不熬夜不掉头发，是我的目标。 一、Visual Studio Code 下载地址：https://code.visualstudio.com/ 功能介绍： 微软在2015年4月30日Build 开发者大会上正式宣布了 Visual Studio Code 项目：一个运行于 Mac OS X、Windows和 Linux 之上的，针对于编写现代 Web 和云应用的跨平台源代码编辑器。 Visual Studio Code软件功能非常强大，界面
我前端开发常用的18款提效工具，个顶个的好用 推荐！
Kepler_II的博客
04-23 2839
前言 在平时的开发工作中我们需要使用到很多的工具来辅助我们的开发，也经常会查阅很多的网站来收集资料。下面具体总结了开发过程中的常用的18款工具分享给大家。很实用，可以收藏这样需要时很快能找到，点击标题就会直接跳转到工具页面。 也欢迎小伙伴们在评论区分享和安利出你们觉得有用的工具。 1、 Web Developer 浏览器插件 一款服务于 Web 开发者的浏览器插件，可以针对该网站做更深入的操作，如 禁止 Javascript 禁止 CSS 显示页面所有图片 … 2、 Emmet: Web 开发者的利器
协众信息Web前端必备8个工具
UIKKA的博客
05-08 589
这个工具可以让你了解到某个网站是用什么搭建的，即它的内容管理系统、电子商务平台或营销自动化工具。
前端的开发语言有哪些？
09-27
### 回答1： 前端开发语言包括: - HTML: 用于创建网页的基本结构 - CSS: 用于设置网页的样式 - JavaScript: 用于添加网页的交互效果和动态内容 此外还有一些常用的前端框架和库，如: - React - Angular - Vue.js - Ember.js - Backbone.js 每个前端开发人员都可能有不同的偏好，所以不同的公司和团队可能会使用不同的技术栈。 ### 回答2： 前端的开发语言主要包括HTML、CSS和JavaScript。 HTML（超文本标记语言）是一种用于创建网页结构的标记语言，它定义了在网页上显示的内容，如标题、段落、表格等。 CSS（层叠样式表）用于控制网页的外观和布局。通过CSS，可以定义文本的字体、颜色、大小，以及元素的位置、大小和样式等。 JavaScript是一种用于开发交互式网页的脚本语言。它可以用来实现动态效果、事件处理、数据验证等功能。 此外，还有一些其他的前端开发语言，如： 1. TypeScript：一种由微软开发的编程语言，它是JavaScript的超集，增加了静态类型检查和面向对象的特性。 2. CoffeeScript：一种编译到JavaScript的语言，它提供了更简洁的语法和更高级的特性。 3. Sass（Syntactically Awesome Style Sheets）：一种CSS预处理器，它扩展了CSS的功能，增加了变量、嵌套规则、混合等功能，使得样式表的编写更加灵活和高效。 4. Less：另一种CSS预处理器，它也提供了类似于Sass的功能，但语法更加简洁。 5. JSX：一种将HTML和JavaScript语法结合的语言，通常与React框架一起使用，用于开发用户界面。 总结起来，前端的开发语言包括HTML、CSS和JavaScript，以及一些补充语言如TypeScript、CoffeeScript、Sass、Less和JSX等。开发者可以根据需求和个人喜好选择使用的语言。 ### 回答3： 前端开发语言指的是用于开发网页和移动端应用的编程语言。常见的前端开发语言有以下几种： 1. HTML（超文本标记语言）：用于定义网页的结构和内容，是前端开发的基础。 2. CSS（层叠样式表）：用于控制网页的样式和布局，可以定义字体、颜色、边距等元素的外观。 3. JavaScript（JavaScript）：一种用于增强网页交互性的脚本语言，可以实现动态效果、表单验证等功能。 4. TypeScript（TypeScript）：一个JavaScript的超集，它添加了静态类型和其他特性，使得代码更易于维护和调试。 5. Vue.js（Vue.js）：一种基于JavaScript的前端框架，用于构建交互式的用户界面。 6. React（React）：一种用于构建用户界面的JavaScript库，由Facebook开发，主要用于构建单页面应用程序。 7. Angular（Angular）：一个由Google开发的JavaScript框架，用于构建复杂的单页面应用程序。 8. jQuery（jQuery）：一种快速、简洁的JavaScript库，用于简化HTML文档的遍历、事件处理、动画等操作。 9. Bootstrap（Bootstrap）：一个用于快速构建响应式网站和网络应用的开源工具包，基于HTML、CSS和JavaScript。 总结来说，前端开发语言包括HTML、CSS和JavaScript等基础语言，以及一些框架和库，如Vue.js、React和jQuery等，它们为前端开发者提供了丰富的工具和技术来创建美观、交互性强的网页和移动端应用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值