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

问答专栏Q & A COLUMN

如何选择优秀的web开发工具?

venmosvenmos 回答4 收藏1
收藏问题

4条回答

iliyaku

iliyaku

回答于2022-06-22 18:21

Web开发工具其实非常多,优秀的也不少,下面我简单介绍5个不错的Web开发工具,感兴趣的朋友可以自己尝试一下:

Visual Studio Code

也就是VS Code,微软开发的一个免费、开源、跨平台的代码编辑器,轻巧灵活,运行速度快,占用内存少,在Web开发中经常会用到,使用的个人和公司也非常多,支持常见的自动补全、代码高亮、语法提示、Git等功能,插件扩展非常丰富,生态环境良好,对于Web开发来说,是一个非常不错的选择:

Sublime Text

这也是一个非常不错的代码编辑器,在Web开发中也经常会用到,可以跨平台使用,原则上是不免费的,网上有相关版本注册码,所以在使用上影响不大,基本功能和前面的VS Code差不多,轻便灵活,文本编辑功能强大,支持语言众多,智能补全、语法提示、代码高亮等功能也都不错,插件扩展也行,对于Web开发来说,也是一个非常不错的工具:

Atom

这也是一个免费、开源、跨平台的代码编辑器,由GitHub设计研发,基于Electron技术,基本功能和前面两个软件差不多,代码高亮、语法提示、自动补全、Git等功能都能很好支持,插件扩展也非常丰富,唯一不足就是启动速度慢,偶尔还会出现内存占用率高的问题,但对于Web开发来说,也是一个不错的选择:

HBuilder

这是一个专门用于Web开发的国产工具,轻巧、极速、界面柔绿,目前支持来说,只支持Windows和Mac系统,语法提示、自动补全、Markdown等功能都非常不错,还提供云打包功能,可以直接将我们开发的网页打包为手机APP(安卓、苹果等),使用起来非常方便,对于Web开发来说,也是一个非常不错的选择:

WebStorm

这是一个重量级的Web开发工具,非常专业,Jetbrains公司的产品,在团队协作的大型项目开发中经常会用到,语法检查、自动补全、代码高亮、Git等功能都非常不错,插件扩展也非常丰富,除此之外,还支持代码重构、单元测试、代码检测和快速修复等功能,对于Web开发来说,是一个非常不错的工具:

目前,就分享这5个不错的Web开发工具吧,对于日常Web开发来说,完全够用了,当然,还有许多其他的Web开发工具,像Notepad++,DW,IDEA等也都不错,选择适合自己的一款就行,网上也有相关教程和资料,非常丰富详细,感兴趣的话,可以搜一下,希望以上分享的内容能对你有所帮助吧,也欢迎大家评论、留言补充。

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

lindroid

回答于2022-06-22 18:21

HTML5被看做是Web前端开发的最佳编程语言,具有多设备、跨平台、即时更新等优势。更重要的是HTML5入门简单,就业前景广、薪资福利高,这促使越来越多的人转行学习HTML5。学习要一步一个脚印,下面就来给初学者介绍一下常见的Web前端开发工具有哪些。

1、SublimeText

Sublime Text 是一个跨平台的代码编辑器,同时支持Windows、Linux、Mac OS X等操作系统,也是HTML和散文先进的文本编辑器。SublimeText具有漂亮的用户界面和强大的功能,主要功能包括:拼写检查,书签,完整的 Python API ,Goto功能,即时项目切换,多选择,多窗口等等。

2、Dreamweaver

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,拥有可视化编辑界面,支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页,初学HTML5的人可以无需编写任何代码就能快速创建Web页面。

3、Adobe Edge

Adobe Edge是一款新型网页互动工具,允许设计师通过HTML5、CSS和JavaScript制作网页动画。Edge的一个重要功能是Web工具包界面,方便确保页面在不同浏览器中的架构一致性。

4、WebStorm

WebStorm是一款JavaScript 开发工具,目前已经被广大中国JS开发者誉为"Web前端开发神器"、"最强大的HTML5编辑器"、"最智能的JavaScript IDE"等。WebStorm具有的优势是:智能的代码补全、代码格式化、html提示、联想查询、代码重构、代码检查和快速修复、代码调试、代码结构浏览、代码折叠、包裹或者去掉外围代码。

5、SenchaTouch

Sencha Touch是全球领先的应用程序开发框架,其设计旨在充分利用HTML5、CSS3 和Javascript来实现最高级别的功能、灵活性和优化。SenchaTouch 是针对下一代具有触摸屏设备的跨平台框架。

6、DevExtreme

DevExtreme是专为你的移动世界精心准备的,一个跨平台开发的HTML5/JS框架,可以构建iOS、Android、Tizen和Windows Phone 8应用程序,是Visual Studio开发人员开发跨平台移动产品的优选工具。

7、Dojo Foundation Maqetta

Dojo Foundation Maqetta是为桌面和移动设备开发HTML5应用的开源工具,支持在浏览器中查看HTML5界面。用户体验设计师可以通过拖放组装UI样板。

除此之外,还有很多优秀的HTML5开发工具,在此就不一一列举了。

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

KitorinZero

回答于2022-06-22 18:21

学习前端肯定是要分阶段来学习,把每一个阶段搞懂,一步一脚印,之后才能找到一份合适的工作。


第一阶段:Web网页基础HTML入门基本内容,CSS+DIV的基础知识,选择器,盒子模型,网页布局,Photoshop


第二阶段:Web编程基础学习路线:JavaScript基础,BOM和DOM模型,事件处理,jQuery,交互及动画,jQuery优质插件,文档处理,数组和对象操作

第三阶段:Web编程高级及全栈开发学习路线:JavaScript高级编程,原型模式,jQuery插件开发,模块化组件开,AJAX,Express(Node.js),Mongodb,RequireJS,MongoDB


第四阶段:响应式网站开发学习路线:HTML5/CSS3,响应式原理及布局,Bootstrap,前端依赖管理,CSS预处理语言(Less+Sass),Grunt/Gulp自动化构建工具,Angular4

第五阶段:框架与项目管理学习路线:Grunt/Gulp,Webpack模块加载器&打包工具,MVC(backbone)架构前端,VUE2,React


第六阶段:混合式移动及微信开发学习路线:React Native,微信小程序


同样,自制力的强弱决定了你是否能开拓自己的视野。希望以上黑马先锋学院的建议能对你产生帮助。

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

happyfish

回答于2022-06-22 18:21

web开发工具分前端后端,前端目前使用比较多的是idea webstorm和vs code,当然如果做比较小的功能一般sublime够用啦,这上面装上插件还是很好用的。当然也遇见过用vim的大神,但这些只适合开发小的功能。

后端一般也采用intellij的比如phpstorm

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

最新活动

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

我的邀请列表

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