网页前端用什么开发

2023-11-01 08:50:30

学web前端开发需要用哪些软件

1Adobe Dreamweaver CS6

Dreamweaver CS6是世界顶级软件厂商Adobe推出的一套拥有可视化编辑界面，用于制作并编辑网站和移动应用程序的网页设计软件由于Dreamweaver支持代码拆分设计实时视图等多种方式来创作编写和修改网页，对于初级人员，你可以无需编写任何代码就能快速创建Web页面其成熟的代码编辑工具更适用于Web开发高级人员的创作！

2Adobe Edge

Adobe Edge是一个用HTML5CSSJava开发动态互动内容的设计工具它的一个重要功能是web工具包界面，用于方便确保在不同浏览器中架构的一致性，此外，Adobe Edge还将整合TypeKit这样的字体服务通过Edge设计的内容可以兼容iOS和Android设备，也可以运行在火狐ChromeSafari和IE9等主流浏览器上

3DevExtreme

DevExtreme Complete Subion是性能最优的HTML5,CSS和Java移动开发框架，可以直接在Visual Studio集成开发环境，构建iOS，Android，Tizen和Windows Phone 8应用程序DevExtreme包含 PhoneJS 和 ChartJS 两个原生UI组件，并且提供源代码目前，DevExtreme支持VS2010/2012/2013集成开发环境，兼容Android 4iOS5Windows 8Window Phone 8Tizen五大移动平台，是Visual Studio开发人员开发跨平台移动产品的首选工具

4JetBrains WebStorm

WebStorm 是jetbrains公司旗下一款JS开发工具被广大中国JS开发者誉为Web前端开发神器最强大的HTML5编辑器最智能的JavaS IDE等与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能

5Sencha Architect

在开发移动和桌面应用的工具中，Sencha的定位是HTML5可视化应用开发开发团队可以在一个单一集成的环境中完成应用的设计开发和部署开发者还可以开发Sencha Touch2和Ext JS4 Java应用，并实时预览

6Initializr

Initializr 是制作 HTML5 网站最好的入门辅助开发工具，你可以使用提供的特色模板快速生成网站，也可以自定义，Initializr 会为你生成代码简洁的可定制的网页模板

7HTML5demos

想知道你的浏览器是否支持 HTML5 Canvas 吗？想知道 Safari 是否可以运行简单的 HTML5 聊天客户端吗？HTML5demos 会告诉你每一个HTML5特性在哪些浏览器中支持

8HTML5 Tracker

想了解 HTML5的最新动向吗?使用 HTML5 Tracker 吧，它可以跟踪 HTML5 最新修订信息

9HTML5 visual cheat sheet

想要快速超找一个标签或者属性吗？看看这个非常酷的速查手册吧，每个Web开发人员的必备

10Switch To HTML5

Switch To HTML5 是一个基础而实用的模板生成工具如果你开始一个新项目，可以到这里获取免费的 HTML5 网站模板

11HTML5 Test

你浏览器准备好迎接 HTML5 革命了吗？HTML5 Test 将告诉你这个网站会为你当前使用的浏览器生成一份对videoaudiocanvas等等特性的支持情况的完整报告

12Lime JS

LimeJS 是一个 HTML5 游戏开发框架，用于快速构建运行于触屏设备和桌面浏览器的游戏非常棒的HTML5开发工具，一定要用用试试

以上就是向大家推荐12款优秀的HTML5开发工具希望能帮到大家

Web前端一般用什么开发工具编辑器: sublime, webstorm, atom, vim等
调试工具: 浏览器自带的devtools，移动端页面远程调试等
构建工具: gulp, grunt, webpack
包管理工具: bower
远程服务器工具: filezilla/shell
工具主要作用就是帮工程师减少工作量，自动化处理，如压缩css, 合并js/css, 上传cdn, 图片优化, 管理jquery等三方库