网站开发用什么软件

和盈中旗下核心产品KOne应用开发平台(KOne Project)是一款面向业务的、企业管理系统定制开发平台和应用平台，产品包括KOne设计器、PC应用端、移动应用端。其具有强大的业务配置和集成开发能力，对于企业客户的信息系统在管理模式、业务流程、表单界面等个性化需求，可以通过KOne设计器，快速的进行个性化配置。从而构建企业个性化的行业应用、集成应用和复杂的业务报表。

什么是软件开发平台？

当我们最开始接触软件开发的时候，我们大都是采用记事本来编写程序，运用JDK、MFC等提供的API自己编写代码来完成想要的功能，编写完之后还要编译成可执行的文件，然后再运行。这种方式虽然通俗，但是一点也不方便，慢慢的，编程人员开始寻求比较方便开发的工具，于是诸如eclipse、jbuilder、VC++等等一系列的开发工具便出现在了市面上，这些工具的出现，大大方便了开发人员的编程工作，减少了编程人员很多不必要的麻烦。像包括编译、异常处理、发布、模拟运行等等操作，都可以在这些开发工具上完成。

但是，随着时间的推移，编程人员发现，即使有这么好的开发工具，在开发的过程中，依然要写很多很多的代码，而且仔细的分析来看，很多代码基本上都是重复的编写，功能大同小异。于是，他们便开始琢磨另一种更为方便高效的开发工具，比如说：我们可以将很多重复的代码封装起来，然后需要用到的时候自行调用?或者是我们可以搭出一个基本的开发框架，然后编程人员可以在这个框架的基础上进行二次开发?通过编程人员一次一次的实验，最终形成了一种新的开发工具，那就是开发平台。

开发平台，简单的理解就是：以某种编程语言或者某几种编程语言为基础，开发出来的一个软件，而这软件不是一个最终的软件产品，它是一个二次开发软件框架，用户可以在这个产品上进行各种各样的软件产品的开发，并且在这个产品上进行开发的时候，不需要像以往的编程方式那样编写大量的代码，而是只需要进行一些简单的配置，或者是写极少量的代码便可以完成一个业务系统的开发工作。

原文：tutsplus

译文：伯乐在线专栏作者 - 厉瑶

链接：http://blog.jobbole/41251/

译注：

看到这篇文章，觉得内容甚是有趣。作者跟Web开发方面的诸多大牛进行了交流，了解到他们的研究动向，从访谈中可以看到各种风格的开发者，有浏览器控，有设备控。我想，知道行业里的优秀成员在做些什么以及用些什么对于我们或许会有一些用处。另外原文作者还采访了我的偶像Lea Verou，所以忍不住花了一天时间将此文翻译出来与大家共享了，不足之处还望多多批评指正！以下是正文。

在Web开发领域，我们通常会花一些时间关注行业大牛的动态，比如他们开发所用的一些工具或者类库，看他们写的技术文章，学习他们学过的一些酷霸狂旋拽的技术，甚至参加一些新语言的发布会。如果能够知道这些大牛正在关注些什么，以及他们开发时应用的工具，那必定是极好的。

关于这些问题，我访问了Web开发领域的一些闪亮明星。这些人在web开发领域都有着突出的贡献，并且得到业内的极高评价，他们通过自己的代码，文章以及领导力推动着Web开发的发展。你可以在下文中的简介部分了解更多他们的详细信息。

这些牛人非常忙碌，因此，我把问题缩减到了四个：

1. 你的开发工作主要关注点是什么？

2. 你进行开发工作时所用的硬件设备是什么？

3. 你用什么编辑器或者IDE？

4. 你的日常生活中必不可少的软件是什么？

在下文就有他们的回答，或许从这些回答中你可以发现一些更有利于你的开发工具。你会发现一些有一些通用的工具（如Sublime Text）以及一些至少对我来说很新的工具。

Scott Gonzalez

简介：我是一个web应用程序开发人员，主要致力于JavaScript。2007年开始为jQuery效力，目前是jQuery UI的项目经理。我比较活跃的社区有Node.js，WHATWG和W3C。Scott的Blog和Twitter。

Q 1. 你的开发工作主要关注点是什么？
Web开发，只要是客户端的JS以及Node.js

Q 2. 你进行开发工作时所用的硬件设备是什么？
MacBook Pro.

Q3. 你用什么编辑器或者IDE？
Sublime Text, 搭配插件TrailingSpaces（可以高亮空格并瞬间删除），Pretty JSON，GitGutter 和 Markdown Preview。

Q4.你的日常生活中必不可少的软件是什么？
Git, GitHub, Apache, Chrome, Linkinus, Skype, Node。

Raymond Camden

简介：Raymond是一个Adobe中级开发布道者。他的工作主要侧重于web标准，移动开发以及ColdFusion。他出版了一些作品，并且在很多会议和group中发表了很多主题演讲。Raymond的Blog和Twitter。

Q 1. 你的开发工作主要关注点是什么？
我的开发工作主要侧重于web标准，Adobe的Creative Cloud（侧重于HTML tools）以及客户端开发的“non-sexy”部分。我欣赏CSS，不过我对storage，JavaScript以及表单更感兴趣。

Q 2. 你进行开发工作时所用的硬件设备是什么？
我的硬件设备是MacBook Pro。因为我需要做很多的移动端开发，因此，我会在iPhone，Android phone以及各种平板（tablet）上面进行测试。比较诡异的是，我每天要用的唯一一件微软的硬件产品就是我的键盘。我用“Natural”键盘已经有15个年头了，我对它们已经上瘾了。

Q3. 你用什么编辑器或者IDE？
我的编辑器是Brackets，它是一个开源的编辑器，我们用了大约一年。它和Chrome可以很好的绑定，并且具有酷毙的扩展性能。

Q4.你的日常生活中必不可少的软件是什么？
Browser，我的编辑器，Tweetdeck以及Evernote（我用Evernote记录我所有的事情，包括项目资料以及一些零碎的事情）。

John-David Dalton

简介：JDD 是jsPerf/Benchmark.js的共同维护者，是ES5规范的布道者，JavaScript 库的爱好者，两度获得微软IE testing的MVP。在微软负责Chakra performance项目。JDD的Github和Twitter。

Q 1. 你的开发工作主要关注点是什么？
简单的实用工具库。我是一个工具库的忠实粉丝，并且热衷于围绕他们进行开发。

Q 2. 你进行开发工作时所用的硬件设备是什么？
我工作的装备是Win8和IE10。我个人的开发设备是13’’ 的Macbook Pro，OS X10.7.5，2.3GHz 处理器，8GBs的内存。

Q3. 你用什么编辑器或者IDE？
我在OS X和Windows中用的都是Komodo Edit，最爱它的高级搜索功能，可以使用正则表达式和嵌套文件进行搜索。

Q4.你的日常生活中必不可少的软件是什么？
除了我的编辑器之外，我使用Total finder，我几乎拥有所有的浏览器：22个不同版本的Chrome，5个版本的IE，23个版本的Firefox，12个版本的Opear，以及6个版本的Safari。在我发布一个产品的新版本之前，我会确保这个产品在我声明的系统以及浏览器中运行顺利，这也是我为什么要拥有所有的浏览器版本的原因。其他的必备软件包括 Node，Ringo，Rhino以及Narwhat。

Stephanie Sullivan Rewis

简介：Stephanie 是Contatta的董事，负责web运营战略以及市场营销。作为前端开发工程师，她在多个国际性会议上都有演讲，包括HOW Design，UI16，An Event Apart, Microsoft’s MIX, Macworld, SXSW, Adobe Max 等等。她出版过自己的作品，主要负责W3Conversions，并且与跨度很大的一些机构一起工作，包括Newsweek，MLB, New York Magazine, Adobe, SalesForce，甚至是 Disney’s “TRON” movie site。

Stephanie的 Blog和Twitter。

Q 1. 你的开发工作主要关注点是什么？
我是一个前端开发工程师，但是因为参与Contatta新启动项目的关系，我有幸可以参与完成我们的新CMS项目，因此，我需要学习一些PHP的知识。

Q 2. 你进行开发工作时所用的硬件设备是什么？
我没有很特殊的装备，我个人的开发设备是17’’ 的Macbook Pro（我没有升级装备，因为不想降级使用15’’ 的设备）。如果我在工作桌前，那么我会使用外接显示器，我喜欢去类似Costco那样的大超市去买显示器，我不太偏爱高级装备，这样我就可以看到我的网站在普通用户眼中是什么样子的。

Q3. 你用什么编辑器或者IDE？
目前我日常开发用的是Sublime Text 2。如果Adobe的开源编辑器Brackets不断朝着它所描述的方向继续发展的话，我会选择尝试一下。我也会用Dreamweaver进行邮件相关的开发。

Q4.你的日常生活中必不可少的软件是什么？
除了我的编辑器之外，我通常会用CodeKit来编译我的Sass以及压缩CSS和JS文件。我用Git进行代码管理，使用Tower来提交代码。

我利用HipChat与团队中的其他人进行沟通。HipChat最好的一点就是它的Hu Bot,它可以自动部署我的代码，我爱我的bot！

我的设计师使用Fireworks，所以我有时会用它来打开图片，切图等等（没错，我知道Adobe已经不再更新Fireworks了，但是它可以满足设计师的需求。因此，将来我们需要将它与设计师痛苦分离）。我喜欢打开音乐播放器Spotify，通常我会根据心情以及正在从事的开发工作选择艺术家（今天，我选的是Hellsongs 频道）。

最后，我会给Chrome设定每天的work out，有时候会多达150多个标签。我用它来管理我必备的一些插件（1password，OneTab, ColorZilla, Cache Killer, and Dragdis, 等等），以及一些我需要不断维护的事情，如Google Analytics, MailChimp, SproutSocial, Google Docs，同时还有一些我正在进行研究的事情。

Christian Heilmann

简介：Chris Heilmann致力于让web变得更好。他的学科背景是新闻专业，1997年建立了自己的第一个网站，此后多年效力于多家大型国际性站点。后来在Yahoo工作了几年，从事产品开发和员工培训，目前在Mozilla工作。Chris撰写了四本web开发方面的书，并且发表了上百篇博文，他的文章广泛发表在Ajaxian, Smashing Magazine, Yahoo, Mozilla, ScriptJunkie等知名站点。

Christian的 Blog和Twitter。

Q 1. 你的开发工作主要关注点是什么？
我主要的工作侧重点是确保有人接手我的工作的时候，能够很轻松地看懂我的代码并且方便地进行扩展。不幸的是，这是一项过时又耗时的不太有人愿意做的事。我认为从别人的工作中我们可以学到很多，并且我认为编写简洁易懂的代码比单纯的交付工作更加重要。

我关注的是web，不单单是某个浏览器或者操作系统。这就意味着你需要提高你的代码灵活性。灵活性意味着你的代码可以在这里运行，立刻运行，并且在未来需要添加新功能的时候可以很方便的进行扩展。我认为，经过16年的web开发，我们应该进入一个新的阶段，不要再把各种技术堆积在一起，并且不停地替换它们。

Q 2. 你进行开发工作时所用的硬件设备是什么？
Macbook Air，我经常需要跑来跑去，因此不适合携带大型的硬件设备。

Q3. 你用什么编辑器或者IDE？
Sublime Text2，很棒。

Q4.你的日常生活中必不可少的软件是什么？
Browser以及他们的开发工具，Git，an IRC client, Dropbox 以及 Spotify，我越来越多的使用线上的一些服务。

Ryan Grove

简介：Ryan Grove 是SmugMug的一个魔法师，YUI 评阅员，曾经是一家日本服装目录的少年模特。他喜欢pie，电影，老式帆船。

Ryan的 Blog和Twitter。

Q 1. 你的开发工作主要关注点是什么？
最近我的大部分时间用于SmugMugde的客户端JS组件以及新功能的开发。在课余时间，我写了很多Node.js的代码，偶尔也会写写Ruby。在SmugMug，我们的框架用的是YUI3，我也是YUI的核心评阅员，我为它贡献了一些代码，并且也审阅了其他提交者以及开发人员提交的一些代码。

在一些特定的日子，我有时候会写一些非开源的Smugmug代码，有时是一些开源的代码，或者是开源的YUI代码。我们尽可能多的开源我们的JS代码，其中有一些已经添加到了YUI框架中。

Q 2. 你进行开发工作时所用的硬件设备是什么？
我在家的时候用的是2.8GHz 四核 Mac Pro，配备16GB内存和SSD。搭配30’’ 的HP ZR39w 显示器，这样看大图以及视频的时候效果超赞！当我旅行的时候，携带的是13’’ 的Macbook Air（mid-2011, Core i7）。

我酷爱收集用于测试的移动设备。每款iPhone和iPad至少都有一台，多款Android设备，一台Windows phone以及一部Chromebook。

Q3. 你用什么编辑器或者IDE？
我用Sublime Text3来写所有的东西。I want to marry it and have its kittens。

Q4.你的日常生活中必不可少的软件是什么？
除了Sublime Text3之外，我的一些必备app包括JSHint，iTerm2，Adium，OS X messages，Tower，Dropbox and Rsync，Arq (for backup), Gmail, GitHub, 以及 Chrome。

SmugMug有很多远程工作者，所以我们利用Google Hangout开会以及进行面对面的交流。IRC也是一个重要的沟通媒介。SmugMug有自己的IRC服务器，我利用Colloquy iOS app来获取通知，当有人提到我的名字或者发送给我信息时，即使我不再电脑旁边我也可以收到消息提醒。

Charles, cURL, and the REST Console Chrome extension 在调试HTTP�...

今天，小编就将自己在开发网站和其他应用程序时常用的几个工具网站给大家介绍下，希望能对大家有所借鉴和参考。

提高大家的生产效率。

一、站长之家－站长工具tools.chinaz

站长之家相信很多人都很熟悉，一个老牌的站长站。

站长之家－站长工具

通过这几张截图，大家可以看到工具还是相当丰富的。既有域名查询类的，也有seo相关类的，也有权重查询类，还是一很多的辅助工具。

二、在线工具网tool.lu

这个工具也相当丰富，有开发类、站长类、极客类等，大家可以看看。

三、阿里的iconfont

这是阿里妈妈MUX倾力打造的矢量图标管理、交流平台。设计师将图标上传到Iconfont平台，用户可以自定义下载多种格式的icon，平台也可将图标转换为字体，便于前端工程师自由调整与调用。

通过这个平台，大家可以创建项目，根据我们的项目添加很多的矢量图标，然后下载引用到我们的项目中。非常好用。

今天就先介绍这三个，希望对大家有所帮助。如果你有好用的也可以与我们一起分享下。

现如今，越来越多的移动和桌面端应用开始应用HTML、JS和CSS进行开发，对于网页开发和设计更是如此。目前这种局面也催生了更多新的网页技术，包括React.js、Angular以及Node.js这样的库。此外，随着需求及项目的进一步细化，开发者社区几乎每天都会出现新的库和开发工具，作为网页开发者或设计师的你，自然很有必要去了解和掌握当下最新的、实用的工具，持续优化工作方法、有效提高开发进度。

以下小编收集了一系列优秀的开发和设计工具，包括在线/离线搭站工具、开源代码工具、在线代码生成器、排版工具等，一起看看吧。

1.

WordPress – 一站式网站搭建工具

· 价格：基础版终身免费，个人版HK$30，高级版HK$63，商务版HK$199

· URL：https://zh-cn.wordpress/

· 推荐指数：★★★★★

WordPress – 一站式网站搭建工具

WordPress是使用PHP语言开发的博客平台，支持PHP和MySQL数据库的服务器上架设属于自己的网站，也可以把它作为一个CMS（内容管理系统）来架设商业网站，提供的功能包括：所见即所得的文章编辑器、多作者共同写作、为搜索引擎而优化的永久链接、生成和使用静态页面、Trackback/Pingback、会员注册登录等。

特色功能：

· 安装方式简单、易用，内置许多搭站辅助工具，一键点击即可完成安装。

· 插件工具众多，支持使用扩充其功能，适合DIY丰富的网站内容。

· 第三方开发的免费模板、主题丰富，各色各样，应有尽有！

· SEO搜索友好，收录时间快。

· 强大的社区支持，成千上万的开发者贡献和审查WP，整个环境安全且活跃。

2.

Mockplus – 更快、更简单的Web/Mobile/Desktop设计平台

价格：基础版免费，个人版￥199/年，团队版￥999/年，企业版￥5999/年

URL：https://mockplus/

推荐指数：★★★★★

Mockplus –更快更简单的设计平台

作为国内势头正猛的工具软件，Mockplus（也叫摹客）适合软件团队、个人在软件开发的设计阶段使用，交互快、设计快、演示快、上手快，很好地顺应了当前敏捷开发（AgileDevelopment）的大趋势。同时，秉承“关注设计，而非工具”的理念，摹客提供一系列独家实用的功能，帮助用户提高工作及开发进度。

特色功能：

界面设计。组件开箱即用，提供项目和页面模板、自定义组件库、母版、组件样式、格子、自动数据填充，让设计快速复用。

团队协作。支持团队管理、角色设定和分组，可协作设计、分工编辑、多人审阅和评论、支持Sketch导入。

交互设计。拖拽鼠标即完成交互设计，支持页链接、组件交互、交互状态、交互自动还原。

工作文档。多种批注组件添加设计说明、页面流程图快速呈现业务逻辑，脑图模式快速构建页面关系。

演示分享。随时发布分享，提供8种演示方式，支持HTML在线预览和离线包等多种导出方式。

3.

Macaw – 革新性超前Web编辑器

· 价格： 免费

· URL：http://macaw.co/

· 推荐指数：★★★★

Macaw – 革新性超前Web编辑器

Macaw是目前最热门的开发工具之一，被网友戏称为“金刚鹦鹉“。它是一款基于Mac平台、支持语义HTML和简洁CSS的Web开发软件，可生成多分辨率页。同时它也可以作为设计师的图像编辑工具，提供实时的布局引擎，让元素以类似AdobePS中的呈现方式进行操作，通过编辑当前的网页图片，最后生成HTML模板和JS代码。

特色功能：

· 特定宽度功能，可以自动计算每行字符个数，也支持用户指定的宽度，生成自适应网页布局。

· 组件库功能，支持将自己设计的组件收藏和保存到库，并拖拽到任意页面中。

· 不同组件类别，可自己设计或者保存到指定的类别，并将它们快速应用到整个文档。

· 具备流计算所有必要的属性（漂浮、清除等），并将元素作为静态文件流。

4.

Weebly – 主流Web开发及设计服务商

价格：基础版免费，个人版8美金/月，Pro版12美金/月，商务版25美金/月

URL：https://weebly/

推荐指数：★★★★

Weebly – 主流Web开发及设计服务商

作为美国本土的一家自助建站服务商，Weebly使用了大量的Ajax技术，在操作性、用户友好等方面做得很好，同类型的服务商还有Webs，Yola等，但像Weebly这样针对中国用户单独增设中文网站的比较罕见。

特色功能：

· 拖拽实现编辑，无论是视频、图片、地图和文章都能拖拽到网站中，无需HTML或其他网页程序语言的支持，简单且直观。

· 专业模板设计直接使用，目前已有70个、且在持续增加中，如果懂HTML/CSS，可以直接用它们的编辑器来定制。

· 允许绑定个人的顶级域名，而且是绑定域名是免费的，直接提供IP地址即可，也可以在Weebly上购买域名。

5.

Adobe Dreamweaver – 最权威的网页开发及设计工具

价格：个人版$9.99-$82.99/月，商务版$33.99-$79.99/月

URL：https://adobe/products/dreamweaver.html

推荐指数：★★★★

Adobe Dreamweaver – 最权威的网页开发及设计工具

相信不少做开发和设计的小伙伴对DW这款软件并不陌生，它是集网页制作和管理网站于一体的WYSIWYG网页代码编辑器，通过使用HTML、CSS、JavaScript等语言，程序员和设计师几乎可以在任何地方快速制作和上线网站。支持Windows和Mac操作系统，对刚入门初学者或者需要进阶的大神来说都是不错的选择。

特色功能：

· 自适应网格，可使用CSS3自适应网格版面，创建跨平台和浏览器的兼容网页设计，采用符合业界标准的代码为各种不同设备和计算机开发项目。

· 实时视图，支持再发布前测试页面，采用最新版WebKit转换引擎，提供绝佳的HTML5支持。

· “多平面预览”面板，支持为智能手机、Tablet和个人计算机进行设计，开发人员也可以通过其为各种设备设计样式并实现渲染可视化。

结语

以上是小编力荐的网页开发和设计工具，显而易见每款工具都各有千秋，我们可以结合实际的开发需求和项目支持来做进一步选择：如果你拥有不错的开发基础、且想自己编代码来搭站，那么Macaw和DreamWeaver都是不错的选择；如果你是开发新手或者小白、更需要完全成形的三方平台来搭建网站，那么WordPress和Weebly都可以考虑；如果你更在意开发效率、网站功能以及资金预算，那么Mockplus是不二之选！

1、接口测试

经常与外单位进行数据接口对接，对接过程中经常出现接口调试问题，下面推荐一个网站，有助于您进行接口测试：

http://atool.org/httptest.php

2、根据json字符串转换为类实体

接口返回的通常是json字符串，面向对象的开发，怎么能少了实体呢，那么对于一个有很多键值对的json字符串要构造出其实体类，这是一个很大的挑战与工作量，下面推荐这个，就可以轻松生成实体

此外，还提供格式化，json校验等等一些常用功能！