前端开发常用哪些工具软件? 前端开发一般用什么工具?

作者&投稿:尔柄 (若有异议请与网页底部的电邮联系)

前端开发的编译器在选择上还是很多的。在学校里,老师主要讲三个前端开发软件:

1、WebStorm

帮助编写HTML、CSS、Less、Sass和Stylus代码,并且支持Node.js和主流框架,如React、Angular、 Vue.js、Meteor等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。但是付费软件。

2、IntelliJ idea

idea是学校老师教得最多的一款软件,从学Java开始,除了eclipse和myeclipse之外,学校老师用的最广泛的Java编译器就是idea,而idea也能进行前端项目的开发,idea是我用得最熟的一个编译软件。像一个完整的前端网站,配置好jdk,tomcat,maven,数据库之后就可以在idea上进行搭建了。

3.Visual Studio Code

简称VScode,前端开发时期学习的第一款软件,当时学VScode的时候上的网课,老师用插件的时候一个没跟上,就跟不上了。总体感觉下来是插件库很丰富,而且内存占用不大,目前我身边用VScode的人是最多的。

下面是我在实习中接触到的前端开发工具:

  1. notepad++

页面很简单,乍一看像是一个记事本,它也确实可以当记事本用。有很多特色插件可以使用,支持多种编程语言的语法高亮显示,具有代码折叠功能。

2、HBuilderX

HBuilderX是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。是HBuilder下一代版本,具有轻便、适合vue框架的特点。



俗话说:"欲先善其事,必先利其器"、"磨刀不误砍柴工,砍柴时,需要一把好斧头。废话不多书,开始介绍几款常见的编译器。

一、Visual Studio Code


属于微软旗下的,功能强大且轻巧的免费代码编辑器具有集成工具,可轻松地将代码部署到 Azure。软件功能强大,语法高亮,自动格式化代码,设计人性化,使用便捷。本人自己就用这个编辑器。

二、sublime text3


sublime text3是一个轻量、简洁、高效、跨平台的编辑器,支持各种编程语言。体积小,无需安装,绿色便捷。但是对于项目启动、打包、提交版本等有点困难。如果制作简单网页便可以使用它。

三、Webstorm


Webstorm是jetbrains公司一款商业的javascript开发工具,被誉为“web前端开发神器”、“最强大的HTML5编辑器”。官方提供插件支持,自动保存文件、自动格式化代码、统一风格等很多优势。唯一缺点,属于商业版开发工具,体验版只能使用30天,需要付费购买或破解使用,免费版每次只能使用30分钟就强制关闭了。

四、HBuilder


HBuilder是一款轻巧、极速、有强大语法提示的编辑器,提供比其他工具更优秀的vue支持,提升vue开发效率。还支持开发webapp,最强大之处就在于使用uni-app项目时,一套代码可以发行多个平台,如果是webapp,可直接打包android和ios两个包;如果是小程序,则可发行至微信、支付宝,抖音、快手、百度、360、快应用等多个平台。一套代码,解决多个平台,开发和维护效率极高。

五、Dreamweaver


Dreamweaver简称“DW”,最早输“网页三剑客”之一,是将开发和管理网站于一身的所见所得网页编辑器。代码提示功能强大,有设计模式,直接点击和拖拽,即可实时的更新代码,适合新手利用它可以轻而易举的制作出网页。但是在设计模式下生成的代码可读性差。对于大项目,不推荐使用,不便于项目启动、打包、提交版本等管理。目前需要付费购买或破解才能使用。


同样的前端开发也需要一个好的编译器,有一个好的编辑器,省时省力。



1、Sublime Text3

下载地址:https://www.sublimetext.com/

功能介绍:这是一款轻量化的软件,适用于 Windows、macOS 和 Linux。

由自定义组件构建,支持多种编程语言、及语法高亮引擎,拥有优秀的代码自动完成功能。

适合编程初学者使用。

2、Visual studio Code

下载地址:https://code.visualstudio.com/

功能介绍:一个轻量级但功能强大的源代码编辑器,适用于 Windows、macOS 和 Linux。

内置了对 JavaScript、TypeScript 和 Node.js 的支持,并为其他语言(例如 C++、C#、Java、Python、PHP、Go)和运行时(例如 .NET 和 Unity)提供了丰富的扩展生态系统。

适合学习了一段时间,升级使用。

3、hbuilder

下载地址:http://www.dcloud.io/

功能介绍:一个轻巧极速的编辑器,适用于 Windows、macOS 。

专为vue打造、高效极客操作、具有强大的语法提示功能。

适合工作中懒人使用。

4、WebStorm

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

功能介绍:一款拥有个性化的体验的编辑器,适用于 Windows、macOS 和 Linux。

可充分利用现代 JavaScript 生态系统,享受针对 JavaScript、TypeScript、样式表语言和所有最流行框架的智能代码完成、即时错误检测、强大的导航和重构。

适用于高级工程师使用。

5、Dreamweaver

下载地址:https://www.adobe.com/products/dreamweaver.html

功能介绍:一款响应式的古老编辑器,由Adobe公司开发,适用于 Windows、macOS。

最大优势是实时视图编辑,重新设计的现代 UI,Git 支持可轻松协作。

适合于界面话操作多的编辑时候使用。



1: sublime 是个代码编辑器, 有很好扩展能力和完全开放的用户自定义配置与神奇实用的编辑状态恢复功能;
2: webstorm 是一个WEB前端开发神器,功能非常强大(强推);
3: eclipse 就其本身而言,它只是一个框架和一组服务,但他有很强大的插件集,用于通过插件组件构建开发环境, 用来进行扩展;
5: Dreamweaver 一个非常经典的开发工具。
6: notepad++ 文本编辑器,软件小巧高效,支持27种编程语言;
7: EditPlus 一个功能比较强大的文本编辑器,也支持多种编程语言.,而且他还有文本对比功能;

目前主流的,在工作时的开发工具就是vscode,
但是在学校教学中,往往使用的都是Dreamweaver。

其他的前端工具,像Sublime,使用也比较少。
开发工具会一个就行的。

建议使用vscode,比较好用。

前端专业平时都是用的什么软件?~

前端一般用的是Dreamweaver,ps,Fireworks这几个软件,还有的公司用其他软件,这个根据使用环境来说,还有不少软件。

1、Responsively App:网页调试必备法宝
2、D3.js:网红级数据可视化工具
3. CodePen:实现新创意代码
4、bit.dev:很棒的组件中心
5、Npkill:系统打扫型工具

前端开发常用哪些工具软件?
答:3.Visual Studio Code 简称VScode,前端开发时期学习的第一款软件,当时学VScode的时候上的网课,老师用插件的时候一个没跟上,就跟不上了。总体感觉下来是插件库很丰富,而且内存占用不大,目前我身边用VScode的人是最多的。下面是我在实习中接触到的前端开发工具:notepad++ 页面很简单,乍一看像是一...

Web前端开发需要哪些工具?
答:Python API , Goto 功能,即时项目切换,多选择,多窗口等等。3,HBuilder:是DCloud,推出的一款支持HTML5的Web开发IDE。 HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。有了工具,接下来还得靠我们人来操作。你必须熟悉三种语言,把这些概念弄明白,才能开发出好的作品。

软件开发工具有哪些?
答:软件维护工具,包括理解工具(如可视化工具)和再造工具(如重构工具)。软件配置管理工具,包括追踪工具、版本管理工具和发布工具。软件工程管理工具,包括项目计划与追踪工具、风险管理工具和度量工具。软件工程过程工具,包括建模工具、管理工具和软件开发环境。软件质量工具,包括检查工具和分析工具。

软件开发平台有哪些?
答:也有完全不用写代码的,直接通过配置开发软件的快速开发平台。一、快速开发平台1、.NET底层的:天纵开发平台2、JAVA底层的:普元开发平台、起步开发平台3、EXCEL表格类:勤哲、云表二、基础开发工具不同的领域需要不同的基础开发工具,比如:1.桌面程序:Java、C++、C#、VB、C均可。2.网站服务器端开发:...

web前端开发需要哪些工具?
答:Web前端是一个新兴职业,市场需求大,薪资待遇高,吸引了很多人加入学习。无论是初学小白亦或是自身前端开发人员,好用的软件工具可以帮助他们更好的工作。今天千锋武汉给大家分享一下Web前端开发用什么软件。1、Sublime Text Sublime Text是一个代码编辑器也是HTML和散文先进的文本编辑器。漂亮的用户界面和...

软件开发需要哪些工具和软件
答:软件开发工具包括基础开发工具和快速开发工具,基础开发工具是代码级开发,快速开发工具则是将一些通用功能封装成中间件直接调用,通过配置、组装方式实现软件快速开发。一、基础开发工具 不同的领域需要不同的基础开发工具,比如:1. 桌面程序:Java、C、C#、VB、C均可。2. 网站服务器端开发:JSP(Java...

Java语言中有哪些必备的开发工具?
答:editplus EditPlus是一款由韩国 Sangil Kim (ES-Computing)开发的编辑器,可以作为C,Java,Php等等语言的一个简单的IDE。EditPlus拥有无限制的撤消与重做、英文拼字检查、自动换行、列数标记、搜寻取代、同时编辑多文件、全屏幕浏览功能,也是一款常见的Java开发工具。NetBeans NetBeans提供了功能全面...

web前端用哪个软件比较好?
答:5、Postman 在前端开发的过程中,Postman可以说是必备的开发工具之一。它能在后端检查端点,而且非常好用。它的出色表现让我把它放到了这里。它包含的端点包括 GET、POST、DELETE、OPTIONS 和 PUT 之类。可以称之为绝对不能错过的一款工具。6、Bit.dev 软件开发的一项基本原则是代码可重用性。这可以减少...

请问大家,软件开发有哪些工具
答:C#是微软公司发布的一种面向对象的、运行于.NET Framework和.NET Core(完全开源,跨平台)之上的高级程序设计语言。并定于在微软职业开发者论坛(PDC)上登台亮相。C#是面向对象的编程语言。它使得程序员可以快速地编写各种基于MICROSOFT .NET平台的应用程序,MICROSOFT .NET提供了一系列的工具和服务来最大...

windows系统软件开发常用哪些工具
答:现今国内的软件开发许多都是在windows系统下完成的,哪在这个前提下我们开发软件是使用的那些开发工具呢?让我们一起来了解下:1、浏览器 Chrome、FireFox、Edge、IE等,主要用于web开发和日常使用,尤其是Chrome里面有很多有用的插件日常使用非常方便,比如Google翻译、FireShot截图、React和Vue调试工具、模拟...