前端开发 网站的前端开发涉及到页面设计图片处理代码编写几个部分的内容，在页面设计领域有很多工具可以使用，比如专业的设计人员比较偏向于使用Atomic，另外很多大型公司也会选择使用Antetype，而对于有一定编码能力的设计师来说，Macaw也是一个不错的选择网页设计的工具有很多，选择一个自己喜欢的就好；ID 优点排版神器杂志，书籍，报纸等排版快捷方便，上手简单，可绘制简单的矢量图缺点平面设计师的工具，若不从事大量排版工作不建议UI学习使用DW 优点 网页设计工具，同事编写查看代码同时设计网页，嵌入flash，管理网站后台等，柯绘制图形缺点网页设计师，代码编辑使用选择一款适合的软件更有。

前端代码自动生成器 CodeFun是一款UI设计稿智能生成源代码的工具，支持微信小程序端移动端H5和混合APP，上传SketchPSD等形式的设计稿，通过智能化技术一键生成可维护的前端代码学习成本低，对于前端工程师几乎无成本流程与蓝湖摹客相似，设计师上传稿件后，工程师直接拷贝想要的代码至自己的工程中；3HBuilder 是DCloud数字天堂推出的一款支持HTML5的Web开发IDE 1 HBuilder的编写用到了JavaCWeb和RubyHBuilder本身主体是由Java编写4Adobe Dreamweaver DW是集网页制作和管理网站于一身的所见即所得网页代码编辑器利用对 HTMLCSSJavaScript等内容的支持，设计师和程序员可以。

它配备了Roundtrip HTMLJavascript行为库和可视化编辑环境，显著减少了代码编写量，同时确保了专业性和兼容性Dreamweaver还与其它群组产品配合使用，轻松构建动态发布和电子商务网站据统计，全球60%以上的专业网页设计师都在使用DreamweaverAdobe PageMill 30功能相对简单，但操作非常方便，适合制作不太；常用的写代码软件有以下几个1WebStormWebStorm是jetbrains公司旗下一款JavaScript开发工具目前已经被广大中国JS开发者誉为“Web前端开发神器”“最强大的HTML5编辑器”“最智能的JavaScriptIDE”等2SublimeTextSublimeText是一个代码编辑器也是HTML和散文先进的文本编辑器3HBuilderH。

Webstorm主要是为用户们提供了针对JavaScript和JavaScript编译语言，同时为AngularReactVuejs和Meteor提供了高级编码帮助，它支持20多种语言的语法突出显示，以及全新的解构意图等等，能够帮助程序员更好的高效完成代码编写IDEAJAVA IDE编程工具 IDEA是Java开发效率很快的IDE工具它整合了开发过程中。

设计师用的写代码工具有哪些

在软件开发过程中，版本控制是非常重要的Git是当下最流行的版本控制工具之一，它可以追踪每一次代码的改动，方便团队合作和代码管理四原型设计工具 对于软件界面设计，原型设计工具如Axure RP和Sketch等是非常有用的这些工具可以帮助设计师创建软件界面原型，以便开发者根据设计进行编码五测试工具。

在网页设计领域，HTML编辑软件的选择十分丰富Dreamweaver是一款功能强大的网页编辑工具，它集成了代码编辑网站构建和管理功能，适合专业设计师和开发人员使用Dreamweaver支持实时预览版本控制以及与各种服务器技术的无缝集成，是开发大型网站的理想选择Frontpage同样是一款知名的网页编辑软件，它以用户友好著。

Element Pro 的主要目标是提供一种简便的设计工具，使用户能够快速创建和修改界面元素，无需深入编写代码它注重可视化和交互性，更加注重设计师的直观体验而编写代码则更关注功能的实现和逻辑的处理，它需要掌握编程语言和算法等专业知识原因二使用方式差异 Element Pro 提供了可视化的界面和拖放操作。

需要掌握photoshopdreamwaverflashcoreldrawfireworkillustrater等等，还需要懂一定的代码编写及识别“UI”的本义是用户界面，是英文User和interface的缩写UI设计师简称UIDUserInterfaceDesigner，指从事对软件的人机交互操作逻辑界面美观的整体设计工作的人UI设计师的涉及范围包括商用平面设计。

2 蓝湖 蓝湖是一款在线的设计协作工具，它允许设计师将他们的设计稿上传到云端，前端开发人员可以通过蓝湖轻松查看设计稿，并进行标注和切图操作3 Cloud9 IDE Cloud9 IDE 是一个基于浏览器的在线集成开发环境，专为 JavaScript 开发设计它提供了一个功能丰富的代码编辑器，支持多种编程语言的语法高亮。

缺点首先，其代码缩进功能比较差，且最后一次更新还在10年前，C++有一段很大的落差了其次，除错器debugger是学习程式到底是如何执行的，以及找到错误的好帮手，有一点程度的程式设计师都知道这叫trace，也就是追踪，但是因为DevC++本身的问题，其除错器的功能严重残缺常常有些同学的程式在devc++上。

Sketch的功能基本都是为UI设计服务的，而且是矢量软件，做UI设计的效率很高Principle是可以与Sketch无缝对接的动效设计软件，与Sketch配合能做出很多可以操作的UI静态动态效果设计Sublime 这个不算是设计软件，就是一个代码编辑器，写前端代码非常方便，前端的知识对于UI设计师来说也是非常重要的，一；三原型设计工具 如Axure RPSketch等，主要用于软件设计初期，帮助设计师创建原型并进行用户界面设计，快速展示软件的设计理念和功能流程四版本控制工具 如Git，记录文件的每一次更改，帮助开发者管理和追踪代码的变更历史，以及协作多人开发五测试工具 如JunitSelenium等，帮助开发者发现软件中的。

2HBuilder是面向追求效率的极客开发者的，比如HBuilder强调的手不离键盘飞一样编码3与之相对应的另一面代表是dreamweaver，dreamweaver拥有可视化拖拉拽布局页面的设计器，更多的是面向设计师或初学者HBuilder是DCloud数字天堂推出的一款支持HTML5的Web开发IDEHBuilder的编写用到了JavaCWeb；设计师可以使用这些软件来创建网站的可视化设计，并将其导出为静态图片或图形文件3浏览器浏览器是网站制作中必不可少的工具因为它可以帮助开发人员查看和测试网站的不同部分常见的浏览器包括ChromeFirefoxSafari等等4前端框架和库前端框架和库是一组预先编写好的代码，它们可用于加速网站的。

功能基于浏览器的原型设计工具，提供操作界面与模板特点可选择设备屏幕大小，添加UI元素或导入线框图，使用交互向导完善原型Fluid UI功能快速原型制作工具，拥有丰富组件库与动画功能特点预设组件创建原型，支持多种设计系统，提供协作与反馈特性Marvel功能面向数字设计师的原型测试与。