一、如何调试WebStorm
WebStorm是一款优秀的JavaScript开发工具，被大多数的JS开发人员誉为最智能的JavaSscript IDE。对于使用的不用的操作系统对WebStorm更改一下设置，能够在更大的程度上提升效率。
JavaScript开发工具WebStorm教程：如何调试WebStorm
JavaScript是一种基于对象和事件驱动，且具有相对安全性的客户端脚本语言，也是时下最为流行的Web脚本语言。目前也在积极的扩展应用领域，同时基于Javascript开发的游戏也在不断增加。另一方面也以JavaScipt为目标而诞生了多种其他语言，如有着更高精简性与可读性的CoffeeScript语言，以及为大型应用服务的ypeScript语言等。
最新的TIOBE编程语言6月的排行榜上，JavaScript也重新进入前十名，目前JavaScript语言依旧处于在TIOBE编程语言排行榜上的一个上升趋势，依旧很具有潜力。
对于优秀的编程语言选择合适的开发工具，就能够事半功倍。jetbrains公司旗下的WebStorm是一款优秀的JavaScript开发工具，被大多数的JS开发人员誉为最智能的JavaSscript IDE。
WebStorm更改设置
对于使用的不用的操作系统对WebStorm更改一下设置，能够在更大的程度上提升效率。
1、Windows系统
<WebStorm installation folder>/bin/idea.exe.vmoptions
或是下面的方法进行设置：
<WebStorm installation folder>/bin/idea64.exe.vmoptions
2、*NIX系统
<WebStorm installation folder>/bin/idea.vmoptions
或是下面的方法进行设置：
<WebStorm installation folder>/bin/idea64.vmoptions
3、Mac操作系统
将这个file/Applications/WebStorm.app/bin/下的idea.vmoptions复制到
~/Library/Preferences/WebIdeXX/idea.vmoptions
举个例子，为了增加WebStorm堆的大小，你需要从/Applications/WebStorm.app/bin/idea.vmoptions复制original.vmoptions文件到~/Library/Preferences/WebIdeXX/idea.vmoptions，然后修改-Xmx设置。
对于比较旧的版本的话，就需要如下进行设置存储：
/Applications/WebStorm.app/Contents/Info.plist
Unicode文本的管理设置
在WebStorm允许定义非ascii字符是否应该使用文字像‘\ u00AB’或‘\ 00 ab”。
中操作主要是由系统属性idea.native2ascii.lowercase控制，在默认的情况下，使用大写字符。
也可以使用小写字符，但是需要按照使用的平台进行设置，如下：
1、Windows和*NIX系统
idea.native2ascii.lowercase=true
放到bin/idea.properties文件，这个文件位于产品装包中。
2、Mac操作系统
复制/Applications/WebStorm.app/bin/idea.properties文件到~/Library/Preferences/WebIdeXX/下，打开进行编辑，添加行。
对于老版本的WebStorm，打开用于编辑的/Applications/WebStorm.app/Contents/Info.plist文件，并添加以下代码:
<key>idea.native2ascii.lowercase</key>
<string>true</string>
到这个部分
<key>Properties</key><dict>...<dict>
放到bin/idea.properties文件，这个文件位于产品装包中。
二、webstorm,web前端开发是干嘛的
Web前端开始是自从2005年后互联网进入了web2.0时代而出现的大量相似于桌面软件的web，相对来说是一个比较新的由网页制作演变过来的职业。那web前端开发到底具体的工作是做什么的？
如今的网页不再只是单一的图片和文字结合，各类丰富的媒体让网页展现出来的内容更加的生动形象，而基于前端技术实现的网页上软件化则是会为了用户更好的使用体验，前端开发的技术也会越来越难。
有码互联紧随着时代发展的趋势，及时调整web前端开发课程的开设结构，web前端开发的工程师既要跟上游的视觉设计师、交互设计师以及产品经理沟通，还要和下游的服务器端工程师沟通。因此掌握的技能技巧是非常之多的。因此web前端开发设计师在知识的广度上也有了更高的要求，若想精一行，必先懂十行。十全十美的人毕竟是少有的，对于其它的知识要有懂，宁可不全会，也不要全不会。
对于小白初想入行的小白来说，学习专业的web前端知识，要找对培训机构是非常重要的。有码互联还是挺好的，一般学习的都是3-4个月的学习，然后有2个月实训，这样下来就会增加自己的一些实战能力。想要学好web前端设计的话，可以了解看看。
Web前端到如今也是有十几年了吧，那为什么web依旧是这么火呢？
如果是计算机相关专业的学生肯定都知道“程序员/工程师”这个职业，web前端也是被大众认为“开发工程师/程序员”。
我们上网是看到的各大网页、官方网站、以及个人网站就是web前端。
Web前端开发工程师就要是通过(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发。完成浏览器端的开发，开发Flash和JavaScript，并结合后台开发技术模拟整体的效果，进行互联网的web开发并提高用户体验。
web前端开发工程师必须要精通 CSS、XHTML/HTML，熟悉页面结构和布局，对于web的标签语义化以及标签要有深刻的理解。
对jQuery、YUI等常用的一些JS框架了解。
掌握最基本的JavaScript计算方法编写。
对目前互联网流行的网页制作方法（Web2.0）HTML+CSS
各个浏览器兼容性有很大的了解。
对HTML5+CSS3前沿技术的基本掌握。
对IT其他编程语言PHP，Java，.net！有所了解
有一些公司还要求懂一点SEO优化！
三、WebStorm 有哪些过人之处
WebStorm过人之处自带的版本控制，优秀的代码定位能力，能轻松将光标定位到变量属性方法的定义处，对阅读代码非常有用。聪明的代码联想、格式化功能。可定制的code template，加强版的zen coding，而且不仅限于html和css。 svn、git等版本工具的支持，内置的 gist非常方便。 nodejs最好的开发工具，预处理语言的支持，使less、sass、cofeescript等等语言的自动编译变得很简单。 remote host和live edit的组合使用，让直接编辑远程文件并实时刷新，一下省去了保存本地文件，上传本地文件到远程服务器，刷新浏览器。