扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
web前端开发常用又好用的几个软件有:
目前创新互联建站已为成百上千家的企业提供了网站建设、域名、网络空间、网站运营、企业网站设计、凭祥网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
1.Dreamweaver
Dreamweaver是非常老的前端开发工具了,功能强大还支持可视化开发,不需要懂代码就能制作出简单的前端页面,深受很多开发者的欢迎。但其缺点就是消耗的资源过大,软件启动和运行都会导致电脑运行变慢。
2.sublime text
sublime text是一款超级轻量级的开发工具,轻量级就代表它运行速度打开速度都超级快,并且还支持配置插件来构建不同的开发环境,还为开发者配置了很多的快捷键,使用习惯之后你就会离不开它。
3.Hbuilde
Hbuilder是近几年才开始火起来的前端开发工具,开发界面十分简洁,显示风格也很适宜,会让开发者有一种很舒服的感觉,同样也是轻量级的开发工具打开和运行速度都非常快。
4.Editplus
Editplus是一款超级好用的编辑器,它不仅仅支持前端语言开发,C语言、Java语言等等语言都可以使用Editplus开发,并且软件本身只有几M左右,十分小巧。缺点就是没有编程的提示功能,对初学者不是很友好。
想要了解更多有关web前端的相关信息,推荐咨询千锋教育。千锋教育成立教研学科中心,推出贴近企业需求的线下技能培训课程。采用全程面授高品质、高体验培养模式,学科大纲紧跟企业需求,拥有国内一体化教学管理及学员服务,在职业教育发展道路上不断探索前行。
目前前端使用率最高的就是sublime 和 webstorm了,当然了还有visual ,DW, 等等。下面仅介绍一些sublime和webstorm。
1.Sublime Text 是一个代码编辑器(Sublime Text 2是收费软件,但可以无限期试用),也是HTML和散文先进的文本编辑器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来,它最初被设计为一个具有丰富扩展功能的Vim。
Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。Sublime Text 是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。
2.WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。
功能编辑
JavaScript
· 基于DOM,特定浏览器完成
· 编码导航和用法查询
· 支持ECMAScript
· 支持CoffeeScript
· 支持结点
· JavaScript重构
· JavaScript单元测试
· 代码检测和快速修复
· JSLint/JSHint
· 基于 Mozilla的JavaScript调试器
其他用途
· 批量代码分析
· 编码语言混合或内混
· 拼写检查器
· 重复代码检测器
编辑语言
· 支持HTML5
· css/js
· 检验和快速修复
· Zen编码
· 显示内容
· 显示应用的风格
便捷的环境
· HTML5样本文件和其他Web应用程序模板
· FTP和远程文件同步
· 集成了版本控制系统
· 本地记录
优势功能编辑
智能的代码补全
支持不同浏览器的提示,还包括所有用户自定义的函数(项目中)
代码补全包含了所有流行的库,比如:JQuery, YUI, Dojo, Prototype, Mootools and Bindows。
代码格式化
代码不仅可以格式化,而且所有规则都可以自己来定义
html提示
大家经常在js代码中编写html代码,一般来说十分痛苦,不过有了智能提示,就爽多了。而且html里面还能有js提示。
联想查询
只需要按着Ctrl键点击函数或者变量等,就能直接跳转到定义;可以全
代码导航和用法查询 (8张)
项目查找函数或者变量,还可以查找使用并高亮。
代码重构
这个操作有些像Resharper,熟悉Resharper的用户应该上手很快,支持的有重命名、提取变量/函数、内联变量/函数、移动/复制、安全删除等等。
代码检查和快速修复
可以快速找到代码中的错误或者需要优化的地方,并给出修改意见,快速修复。
代码调试
支持代码调试,界面和IDEA相似,非常方便。
代码结构浏览
可以快速浏览和定位
代码折叠
功能虽小,不过胜在方便高效
包裹或者去掉外围代码
自动提示包裹或者去掉外围代码,一键搞定
比较轻量级的: javascript editor
这个玩意比较小, 安装方便 , 而且可以直接调试(自带浏览器),缺点是找破解版(不是破解无提示,或者提示经常会自动关闭)比较麻烦。
eclipse 也能叫一般般, 要加些插件才好用。 而且现在的eclipse也比较大了。
vs2010 个人感觉比较爽, 有js、jQuery以及html标签的智能提示, 还可以及时看到html的布局展现,缺点是比较大,不过你有心搞.net的话真不算什么,她带给你的便利会让你喜欢的。
dreamweaver 是做网页专用的, 用来搞js差了不是一点点。
notepad++ , editplus 等通用型的类似记事本的, 如果你追求最简单不要什么智能提示也行。
1、Notepad++
大部分开发人员都听说或使用过这个代码编辑器,记事本的增强版,免费开源、小巧灵活、使用方便,支持常见的自动补全、语法提示、代码高亮,可编辑语言多达27种,常见的html,css,javascript,java,python,c++等,都可直接编辑,是一款非常不错的代码编辑器。
2、EditPlus
这也是一款小巧灵活的代码编辑器,功能类似于Notepad++,拥有强大的文本处理功能,界面简洁美观,启动速度较快,支持常见的语法高亮、代码折叠等功能,还可直接编辑运行html网页,可扩展性也比较强,唯一的不足就是不支持代码提示功能,自动补全功能相对较弱,但总体来说,也是一个非常不错的代码编辑器。
3、VSCode
这是由微软开发研制的一款免费、开源、跨平台的代码编辑器,支持几乎所有主流语言开发,常见的语法高亮、智能补全、语法检查、括号匹配,这个软件都支持,除此之外,还支持git功能,插件扩展丰富,下载配置相关插件后,可直接调试、运行python,java,c++等程序,在业界是一个非常受欢迎的代码编辑器。
4、Atom
这个是由GitHub专门为广大程序员开发的一款免费、跨平台的代码编辑器,用于强大的文本编辑处理功能,常见的语法提示、代码高亮、智能补全,这个软件都能很好的支持,界面简洁、直观,还支持宏和文件管理器功能,对于初学者来说,是一个非常不错的选择。
5、Sublime Text
这也是一个非常不错的代码编辑器,小巧灵活、轻便快捷、界面友好,相信大部分开发人员都使用过,常见的代码高显亮、智能补全等功能,这个软件都能很好的支持,除此之外,插件扩展机制也相对丰富,配置相关文件后,可以直接调试运行python等程序,也是一个非常不错的代码编辑器。
eclipse、myeclipse、dreameaver等等都可以。只要是能创建js文件的一般都可以编写js程序,主要还是看是做什么用然后选择相应的软件
前端开发的编译器在选择上还是很多的。在学校里,老师主要讲三个前端开发软件:
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的人是最多的。
下面是我在实习中接触到的前端开发工具:
notepad++
页面很简单,乍一看像是一个记事本,它也确实可以当记事本用。有很多特色插件可以使用,支持多种编程语言的语法高亮显示,具有代码折叠功能。
2、HBuilderX
HBuilderX是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。是HBuilder下一代版本,具有轻便、适合vue框架的特点。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流