WebStorm是Jetbrains公司旗下的一款JavaScript开发工具，因其界面简洁，操作方便，被广大国内JS开发者誉为“Web前端开发神器”。
WebStorm安装：到官网下载安装包，进行激活破解，按照提示，选择符合需求的安装项，完成WebStorm的安装。
File菜单栏下，选择New->Project，Location为新建项目位置，左侧可以选择新建项目类型，即空项目或指定框架下的项目，这里我们选择建立空项目(Empty Project).
2. 在项目下创建文件或文件夹
创建CSS文件夹，在该文件夹下存放.css，创建其他类型文件（如：.html等）与以上类似，进行完以上新建工作即可开始简单的前端工作。
webstorm与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。
1.基于DOM，特定浏览器完成
2.编码导航和用法查询
8.代码检测和快速修复
1、WebStorm能做的事情PhpStorm都能做，而且后者还具备服务器端语言Php以及MySQL数据库,Apache服务器配置等服务器相关的功能.2、PhpStorm = WebStorm + PHP + DB/SQLAll the features of WebStorm are included into PhpStorm, and full-fledged support for PHP and Databases/SQL support are added on top.以上是从phpstorm官网原话 phpstorm包括webstorm所有功能加php和db。但是有些在webstorm里默认安装的plugin并没有安装在phpstorm里面 不过你完全可以自行安装 比如Meteor。相反webstorm无法安装phpstorm才能安装的php相关的plugin 比如Symfony3、webstorm是专注于前端开发的，有丰富的前端框架和js库，phpstorm是偏向于服务器开发的，在纯前端的方面不如webstorm。
常见的网站开发工具有以下几种：
1、Microsoft FrontPage,是一款轻量级静态网页制作软件，特别适合新手开发静态网站的需要，目前该应用很少用于制作网页。
2、Dreamweaver网页制作软件，该软件已成为专业级网页制作程序，支持HTML、CSS、PHP、JSP以及ASP等众多脚本语言的语法着色显示，同时提供了模板套用功能，支持一键式生成网页框架功能。是初学者或专业级网站开发人员必备之选择工具。
3、CSS Design:一款适合对CSS对进调试的专业级应用，能够对CSS语法进行着色，同时支持即时查看样式功能，特别方便程序的调试以及效果的比对。
4、Flash动画制作软件：动画或动态图片是网页的重要组成部分，充分合理的使用Flash程序来设计网页元素，往往可达到意想不到的效果。
5、PS(Photoshop)图像处理软件：用于对网页图片进行润色或特殊效果处理，是一款网页制作必备之软件。
9、HBUilder是一款支持HTML5的Web开发软件。“快”是BUilder的最大优势，通过完整的语法提示、代码输入法以及代码块等，HBuilder可以大幅提升HTML、JavaScript的开发效率。