前端实用工具

news/2024/11/22 19:52:47/

刚刚开始学习前端的时候,改怎么样选择一个比较好的开发工具?常常有人会来问我这样的问题,我现在用的是Visual Studio Code,然后其他的前端开发工具也会配合着使用,因为都比较不错,选择了前端最受欢迎的6个开发工具,记录一下,希望对你有用哦。

一、Visual Studio Code
下载地址:https://code.visualstudio.com/

功能介绍:

微软在2015年4月30日Build 开发者大会上正式宣布了 Visual Studio Code 项目:一个运行于 Mac OS X、Windows和 Linux 之上的,针对于编写现代 Web 和云应用的跨平台源代码编辑器。

Visual Studio Code软件功能非常强大,界面简洁明晰、操作方便快捷,设计得很人性化。软件主要改进了文档视图,完善了对 Markdown的支持,新增PHP语法高亮。

二、hbuilder
下载地址:http://www.dcloud.io/

功能介绍:

前端开发小白入门首选,hbuilder是国产的一款前端开发工具而且是免费的,对于英语不好的前端工程师是一个不错的消息。

优点是有强大的其他语言支持和开发webapp等功能,强大到没朋友。在语法提示、转到定义、重构、调试等方面都非常高效。缺点也是有一些的,就是其有些稳定,有时可能会有些卡顿的现象,希望官方修复。

图片.png

三、sublime text3
下载地址:http://www.sublimetext.com/

功能介绍:

sublime text是一个轻量级的编辑器,也是支持各种编程语言,sublime text所有的强大功能都是支持插件的,而且快捷键十分的好用,可以极大的减少开发的劳动程度,使用sublime就是要使用其快捷键和插件。

sublime text3的优点的轻量级但是功能强大,优雅小巧启动速度快,有着丰富的第三方支持,能够满足各种各样的扩展缺点是对于项目的管理等不是很方便,但代码提示不如hubuilder强大。

四、WebStorm
下载地址:https://www.jetbrains.com/webstorm/

功能介绍:

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。官方提供的插件支持,满足许多不会配置的同学,ESlint,词法高亮,emmet,CSS预处理器,新版本也添加了对ES6的支持,内建了服务器调试。

目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。

五、Atom
下载地址:https://atom.io/

功能介绍:

Atom 是github专门为程序员推出的一个跨平台文本编辑器。平易近人,但可删节的核心工具定制做任何事,也可以使用有效不沾一个配置文件。为开源而生。

具有简洁和直观的图形用户界面,并有很多有趣的特点:支持CSS,HTML,JavaScript等网页编程语言。它支持宏,自动完成分屏功能,集成了文件管理器。

六 :Dreamweaver CC 2017
下载地址:https://www.adobe.com/products/dreamweaver.html

功能介绍:

老牌的IDE ,曾经以PS+DW+FW称霸网页领域,号称网页三剑客,然而之前的版本更新较慢,版本陈旧,已经满足不了广大前端开发者的项目需求,逐渐被市场淘汰。

好在2017版本及时修正,外观、界面、语法高亮等已经很漂亮,并且添加了CSS预处理器支持,同时保留了部分预制组件,方便对语法还不熟悉的同学,对于不会node的同学也有提供实时预览,适合对前端有进一步了解的同学。


————————————————
版权声明:本文为CSDN博主「前端王小婷」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_44763569/article/details/108010009


http://www.ppmy.cn/news/77991.html

相关文章

目标检测YOLO实战应用案例100讲-复杂背景下的红外弱小目标检测方法研究

目录 复杂背景下的弱小红外目标检测 基于单帧和基于多帧检测方法的比较 ​编辑

爬虫为什么会使用到代理ip?

爬虫使用代理IP的主要目的是为了隐藏自己的真实IP地址,以避免被目标网站封禁或限制访问。如果一个爬虫频繁地向一个网站发送请求,而且每次请求的IP地址都相同,那么这个网站就有可能认为这是一种恶意行为,从而采取封禁或限制访问的…

《Oracle高级数据库》基础命令总结

文章目录 DDL创建表/视图(CREATE TABLE)创建索引(CREATE INDEX--ON)创建表的同时创建PRIMAY KEY或UNIQUE约束。创建表时同时定义外键约束创建表时创建CHECK约束 修改表/视图(ALTER TABLE)增加新列修改已有属性修改字段名修改表创建约束修改表…

【MySQL新手到通关】第四章 排序与分页

文章目录 🐼1. 排序数据🪂🪂1.1 排序规则🪂🪂1.2 单列排序🪂🪂1.3 多列排序 🐼2. 分页🪂🪂2.1 背景🪂🪂2.2 实现规则🪂&am…

容器部署 redis 哨兵集群 【问题笔记】

目录 1.哨兵模式 (sentinel) 启动时报错:Cant resolve instance hostnames 2.哨兵模式下 master 节点崩掉后无法切换从节点为master节点 1.哨兵模式 (sentinel) 启动时报错:Cant resolve instance hostna…

IIS6.0 put文件上传GetShell

目录 WebDAV 环境配置 漏洞复现 漏洞修复 WebDAV WebDAV (Web-based Distributed Authoring and Versioning) 是一种HTTP1.1的扩展协议。它扩展了HTTP 1.1,在GET、POST、HEAD等几个HTTP标准方法以外添加了一些新HTTP请求方法&#xff0c…

【AI面试】CrossEntropy Loss 、Balanced Cross Entropy、 Dice Loss 和 Focal Loss 横评对比

样本不均衡问题一直是深度学习领域一个不可忽略的问题,常说的长尾效应,说的就是这个问题。一类占据了主导地位,导致其他类无论怎么优化,都不能好转。 无论是纯纯的分类任务,还是稍微复杂一些的目标检测任务和分割任务…

对CommonJS、AMD、CMD、ES Module的理解

CommonJS 常用于:服务器端,node,webpack 特点:同步/运行时加载,磁盘读取速度快 语法: // 1. 导出:通过module.exports或exports来暴露模块 module.exports { attr1, attr2 } ex…