{eval=Array;=+count(Array);}

问答专栏Q & A COLUMN

前端开发用什么工具比较好啊?

vibiuvibiu 回答9 收藏1
收藏问题

9条回答

jiekechoo

jiekechoo

回答于2022-06-22 18:20

前端开发用什么工具好?这个因人而异了,目前比较流行的有vs code、sublime text、hbuilder、webstorm等,下面我简单介绍一下,感兴趣的朋友可以尝试一下:

免费开源:vs code

说起vs code,许多搞前端的朋友应该非常熟悉,一个免费、开源、强大的代码编辑器,和vs同宗同源,但比vs更简洁轻便,支持代码补全、语法高亮、智能提示等基本功能,除此之外,针对前端等提供了许多免费强大的插件,包括自动闭合、同步修改、断点调试等,新手学习非常容易掌握,相信你很快就会爱上这款软件:

简洁轻便:sublime text

这也是前端一个比较常用的开发工具,基本功能和vs code相差不多,简单轻便,支持跨平台,但原则上不免费,支持语法高亮、智能补全、代码提示等基本功能,除此之外,也提供了非常多的插件扩展,包括emmet、docblockr等,对于开发前端效率非常高,新手学习来说也非常容易:

国产软件:hbuilder

这是一个非常不错的国产web开发工具,相信许多朋友应该都听说过,界面柔绿、清爽整洁,支持自动补全、语法高亮、markdown等基本功能,可以很轻松的将编写好的前端网页打包为安卓或ios app,除此之外,插件扩展丰富,对于前端开发来说,也是一个非常不错的选择:

专业强大:webstorm

这个一个非常专业强大的web开发工具,jetbrains公司的产品,相信许多朋友都应该非常熟悉,除了常见的智能补全、语法提示等基本功能,这个软件还支持代码分析、代码重构等高级功能,如果你钟情于pycharm、idea等产品,那么webstorm就是一个非常不错的选择,相信你很快就会爱上这款软件,唯一的缺点webstorm是商业、非免费的:

目前就介绍这4个不错的前端开发工具吧,比较常用的就是vs code、sublime text,当然,还有许多其他软件,像notepad++、dreamweaver等也都非常不错,根据个人需求和爱好,选择适合自己的一个就行,网上也有相关教程和资料,介绍的非常详细,感兴趣的话,可以搜一下,希望以上分享的内容能对你有所帮助吧,也欢迎大家评论、留言进行补充。

评论0 赞同0
  •  加载中...
raise_yang

raise_yang

回答于2022-06-22 18:20

前端开发工具主要有:VSCode,HBuilder,WebStorm,Sublime,95%的前端开发人员都使用VSCode工具来开发,因为它的操作更加方便,性能更好,HBuilder主要用来开发基于uni-app的小程序,WebStorm比较大而全,Sublime和WebStorm项目初次加载速度较慢。

更多知识欢迎关注哦~

评论0 赞同0
  •  加载中...
BakerJ

BakerJ

回答于2022-06-22 18:20

作为eclipse爱好者,喜欢使用HBuilder,能把多个项目放到一块,主要还是免费。

如果喜欢idea类似的话,可以考虑使用WebStorm,这个最好的好处是js方法可以快速定位到具体的方法。

还有一些其他的比如VS Code,Atom,Sublime之类的,主要还是看个人爱好吧。

评论0 赞同0
  •  加载中...
sihai

sihai

回答于2022-06-22 18:20

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 支持可轻松协作。

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

评论0 赞同0
  •  加载中...
hidogs

hidogs

回答于2022-06-22 18:20

可用于前端开发的工具软件有很多,比如sublime text、bainotepad++、WebStorm、vscode和Hbuild,以及Dreamweaver、Visual Studio Code等,可以说选择性很多。

评论0 赞同0
  •  加载中...
rickchen

rickchen

回答于2022-06-22 18:20

在浏览我们上无意看到这个问答,虽然我是个后端开发,但是还是想回答下[狗头]

现在前端开发工具用的最多的就是VSCode了吧!

我们公司和我很多朋友的公司,前端都用VS,甚至有公司规定明确,工具必须用VS,因为工具的统一,对日常开发有很多帮助的,体现了规范的重要性。

为什么推荐VSCode?

  1. 有微软公司开发并推出的一款优秀开发工具,在内存占用有很大优势,轻量级。
  2. 有着大公司作背景,其后面的优化和运维是非常有保证的,开源社区很是活跃,如果在使用中,遇到一些小问题,可以先去社区看看的。
  3. 现在已经支持很多开发语言了,现在不仅支持多种前端语言,还支持很多后端语言,比如我先前就拿来写go(一门后端语言),例如Java、C、C#等都支持的。
  4. 天然集成了git版本控制工具,在VS上就可以对其代码的版本提交、回滚等一系列操作。
  5. 插件化,VS上有很多的插件支持,着对我们在编码时,是非常便捷的。
  6. 软件生态好,VS作为一款成熟的软件,在这块有很明显体现了。

上述,我列举几点说明VS很好用,当然还有很多其他开发工具,也是很不错的选择,比如比较早的Hbuilder、Subline、Webstorm等,都是比较好的工具。


评论0 赞同0
  •  加载中...
daryl

daryl

回答于2022-06-22 18:20

目前比较流行的有vs code、sublime text、hbuilder、webstorm等,下面我简单介绍一下,感兴趣的朋友可以尝试一下

评论0 赞同0
  •  加载中...
StonePanda

StonePanda

回答于2022-06-22 18:20

市面上主流的还是那几个,至于那个好用,一个看个人习惯,一个看工作行业习惯。

网站开发一般分为前端和后端两个部分。前端负责实现页面效果,后端主要负责功能开发。一般的开发流程是先由美工或者网页设计师进行网页设计和切图,所谓切图就是将设计好的网页效果图利用html开发工具进行代码实现成网页形式,并且加入一些网页特效。然后交给后端开发人员进行功能开发,一般采用主流的php技术进行开发。

那web开发都用什么工具呢?最常用的前端开发工具有哪些呢?本文推荐8款最好用的web前端开发工具供美工或者前端开发人员使用,当然若你是NB的全栈工程师也可以下载使用。


1.Dreamweaver

工具简介:

老牌的网页编辑软件,功能非常强大,最大的优点是可视化编辑,还有错误提示,深受前端开发人员和网站开发人员欢迎!Dreamweaver CC 专注于快速响应设计、代码编辑功能的改进、在设备上进行网页预览以及从 Photoshop 复合中批量提取具有多种分辨率的 Web 优化图像。

与 Bootstrap 框架的集成可帮助您构建移动优先、快速响应的网站。视觉媒体查询通过让您在各种断点处对您的设计进行可视化和修改,进一步完善了快速响应网页设计的体验。

2.Photoshop

工具简介:

Photoshop简称PS,全球最受欢迎的图形图像处理软件。网页设计师或者web前端开发人员可利用此软件进行网页的设计和切图,PS的切图工具非常强大,可以自动生成html网页格式,大大提高了网页开发效率。



3.WebStorm MAC版

工具简介:

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



4.browser-sync-master

工具简介:

省时的浏览器同步测试工具,Browsersync能让浏览器实时、快速响应您的文件更改(html、js、css、sass、less等)并自动刷新页面。更重要的是 Browsersync可以同时在PC、平板、手机等设备下进项调试。您可以想象一下:“假设您的桌子上有pc、ipad、iphone、android等设备,同时打开了您需要调试的页面,当您使用browsersync后,您的任何一次代码保存,以上的设备都会同时显示您的改动”。无论您是前端还是后端工程师,使用它将提高您30%的工作效率。

web前端开发工具排行:8款html开发工具推荐下载

作为前端开发工程师,以上这些工具基本就够用了,若是想更专业、装逼一点,可以参考下面的htm代码编辑器工具

其它4款html开发工具推荐

1.SublimeText3

工具简介:

Sublime Text是一款流行的代码编辑器。Sublime Text 具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。

Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。Sublime Text 是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。

2.Notepad++7.3.1

工具简介:

Notepad++是在微软视窗环境之下的一个免费的代码编辑器。它使用较少的CPU功率,降低电脑系统能源消耗,但轻巧且执行效率高,使得Notepad++可完美地取代微软视窗的记事本。内置支持多达27种语法高亮度显示(包括各种常见的源代码、脚本,能够很好地支持.nfo文件查看),还支持自定义语言;可自动检测文件类型,根据关键字显示节点,节点可自由折叠/打开,还可显示缩进引导线,代码显示得很有层次感;可打开双窗口,在分窗口中又可打开多个子窗口,允许快捷切换全屏显示模式(F11),支持鼠标滚轮改变文档显示比例;提供了一些有用工具,如邻行互换位置、宏功能等;可显示选中文本的字节数 (而不是一般编辑器所显示的字数,这在某些情况下,比如 软件本地化 很方便)。

3.Zend Studio 13.0.1

工具简介:

Zend Studio是一个屡获大奖的专业PHP集成开发环境,具备功能强大的专业编辑工具和调试工具,支持PHP语法加亮显示,支持语法自动填充功能,支持书签功能,支持语法自动缩排和代码复制功能,内置一个强大的PHP代码调试工具,支持本地和远程两种调试模式,支持多种高级调试功能。


Zend Studio 9 正式发布,主要包含以下更新:

Git和Github支持云开发部署深度,Zend Framework和Zend Server集成更快、更精简的IDE。

4.PhpStorm 10.0.1 Mac版

工具简介:

phpstorm免费版是目前网络上最为流行的php开发软件。phpstorm免费版能全面的提升用户php代码编写的效率,并且提供能代码补全、快速导航、即时错误检查等等功能,大大的节省php代码编写时间,phpstorm 2016.2版全新的软件界面,全面的提升所有编写功能,希望大家能够喜欢,下载使用。

看到最后,可以点赞支持一下嘛!要是再来个关注那你怕是2020年最暖心的人喽!

评论0 赞同0
  •  加载中...
avwu

avwu

回答于2022-06-22 18:20

根据自己实际情况吧!大的项目还是建议用webstorm!小项目sublime!还有一些需要官方开发工具,比如各种小程序

评论0 赞同0
  •  加载中...

相关问题

最新活动

您已邀请0人回答 查看邀请

我的邀请列表

  • 擅长该话题
  • 回答过该话题
  • 我关注的人
向帮助了您的网友说句感谢的话吧!
付费偷看金额在0.1-10元之间
<