WebStorm2019是一款极为专业的HTML编辑软件，该软件由JetBrains公司精心打造，不但提供了JavaScript和编译到JavaScript语言，更是提供了Node.js，HTML和CSS的智能编码帮助，是广受用户喜爱的Web前端开发神器。

WebStorm2019是一款专业级的JS开发软件，该软件内置了强大的内置工具，能够让用户轻松调试、测试、跟踪客户端和Node.js应用程序，另外还内置强大的导航功能，能够动态错误检测以及所有这些语言的重构，此外该软件还进行了其他一系列革命性的功能变化，让用户使用更加便利。

WebStorm2019特色

一、智能编码辅助

WebStorm为您提供JavaScript和编译到JavaScript语言，Node.js，HTML和CSS的智能编码帮助。享受代码完成，强大的导航功能，动态错误检测以及所有这些语言的重构。

1、现代框架

WebStorm为Angular， React，Vue.js和Meteor提供高级编码帮助。享受对React Native，PhoneGap，Cordova和Ionic的支持，用于移动开发，并在服务器端使用Node.js进行开发。一体化IDE！

2、智能编辑器

IDE会分析您的项目，以便为所有支持的语言提供最佳的代码完成结果。当您键入并建议快速修复选项时，数以百计的内置检查会报告任何可能的问题。

3、导航和搜索

WebStorm可帮助您更有效地绕过代码，并在处理大型项目时节省时间。只需单击一下即可跳转到方法，函数或变量定义，或搜索用法。

二、调试，跟踪和测试

WebStorm提供了强大的内置工具，用于调试，测试和跟踪客户端和Node.js应用程序。通过最少的配置和周到的IDE集成，使用WebStorm可以更轻松地完成这些任务。

1、调试

WebStorm 为您的客户端代码（适用于Chrome）和Node.js应用程序提供内置调试器。放置断点，逐步执行代码并计算表达式 - 所有这些都不需要离开IDE。

2、测试

由于WebStorm与Karma测试运行器，Mocha，Jest和Protractor集成，因此可以轻松执行测试。在IDE内部运行和调试测试，以漂亮可视的格式查看结果，并导航到测试代码。

3、跟踪和分析

WebStorm具有spy-js，这是一种内置工具，可帮助您跟踪JavaScript代码。探索文件如何与函数调用连接，并有效地识别任何可能的瓶颈。

三、无缝工具集成

WebStorm与用于Web开发的流行命令行工具集成，无需使用命令行即可为您提供高效，简化的开发体验。

1、构建工具

享受简单的统一UI，直接从IDE 运行Grunt，Gulp或 npm任务。所有任务都列在特殊工具窗口中，因此只需双击任务名称即可启动它。

2、代码质量工具

除了数百WebStorm自己检查的，它可以运行ESLint， JSCS，TSLint，Stylelint， JSHint或JSLint的对你的代码，并突出显示在飞行的任何问题，就在编辑器中。

3、项目模板

使用流行的项目模板（如Express 或Web入门套件）从欢迎屏幕启动新项目，并通过与Yeoman的集成访问更多项目生成器。

四、IDE功能

WebStorm建立在开源IntelliJ平台之上，我们JetBrains已经开发和完善了超过15年。享受其提供的微调但高度可定制的体验，以适应您的开发工作流程。

1、VCS

WebStorm提供了统一的UI，可与许多流行的版本控制系统配合使用，确保在git，GitHub，SVN，Mercurial和Perforce之间提供一致的用户体验。

2、当地历史

无论您是否使用VCS，本地历史记录都可以成为真正的代码保护程序。您可以随时检查特定文件或目录的历史记录，并回滚到以前的任何版本。

3、定制

WebStorm非常可定制。调整它以完全适合您的编码风格，从快捷方式，字体和视觉主题到工具窗口和编辑器布局。

WebStorm2019功能

一、JavaScript

1、基于DOM，特定浏览器完成

2、编码导航和用法查询

3、支持ECMAScript

4、支持CoffeeScript

5、支持结点

6、JavaScript重构

7、JavaScript单元测试

8、代码检测和快速修复

9、JSLint/JSHint

10、基于 Mozilla的JavaScript调试器

二、其他用途

1、批量代码分析

2、编码语言混合或内混

3、拼写检查器

4、重复代码检测器

三、编辑语言

1、支持HTML5

2、css/js

3、检验和快速修复

4、Zen编码

5、显示内容

6、显示应用的风格

四、便捷的环境

1、HTML5样本文件和其他Web应用程序模板

2、FTP和远程文件同步

3、集成了版本控制系统

4、本地记录

安装破解教程

1、下载解压，得到webstorm 2019.1原程序、中文补丁包和注册码；

2、运行“WebStorm-2019.1.exe”开始安装，安装目录默认为【C:\Program Files\JetBrains\WebStorm 2019.1】建议不更改；

3、勾选创建webstorm 2019.1桌面快捷方式，32位和64位建议都勾选，关联文件可以自行选择，建议update context menu 、create association 、 download and install jbr X86 都选择；

4、点install，开始安装，请耐心等一下；

5、安装完成后，注意先不运行软件，所以不要勾选；

6、接下来对软件进行注册破解，首先以记事本的方式打开hosts文件，将代码添加至hosts文件屏蔽网络联网；

hosts文件默认目录【C:\Windows\System32\driverstc】

0.0.0.0 account.jetbrains.com

0.0.0.0 www.jetbrains.com

7、再运行桌面上生成的webstorm 2019.1软件图标，选择do not import settings点击ok，再选"skip…"跳过；

8、弹出注册界面，选择"activation code"输入注册码即可激活。

webstorm 2019激活码如下，请复制粘贴即可：

9、至此webstorm 2019.1破解版成功激活，但还是英文界面；

10、如果想汉化成中文，可以将软件包中汉化文件resources_cn.jar复制替换。

打开安装目录下的“lib”文件夹，将原来的resources_en.jar英文版文件删除或重命名，再将webstorm 2019汉化包“resources_cn.jar”复制入内即可，默认安装路径【C:\Program Files\JetBrains\WebStorm 2019.1\lib】resources_en.jar重命名是为了返回英文界面，因为有用户说汉化不是很全面，但99%汉化好了。

11、再次打开软件，webstorm 2019.1中文破解版已经成功激活，所有功能都可以免费使用。

注：破解版汉化版软件使用都需要在断开网络情况下破解成功使用但是连接网络无法使用，谢谢！！！ ，如果hosts文件修改就不用断网了

使用教程

一、界面介绍

二、对项目或文件进行重命名

三、是否显示行号设置

四、快捷键使用

1、Tab：自动补全

2、复制当前行：Ctrl+D

3、删除当前行：Ctrl+Y

4、注释或者取消当前注释：Ctrl+/

5、注释或者取消多行注释：Ctrl+Shift+/

6、同时编辑：Alt

按住Alt键，选中多个，可以同时进行编辑

7、包含关系： >

注意：必须具有包含关系才能用>操作

8、新建多个：*

注意：通常与>搭配使用

9、定位行号：Ctrl+G

字体大小设置

1、设置导航栏字体大小

进入File->Settings，打开设置窗口如下，Theme代表主题，指整个开发环境的颜色和风格，下面一行的use custom font代表字体样式，选择自己喜欢的一个即可。后面紧挨着的size就是字体大小。

2、设置编辑器的字体大小

同样进入File->Settings，打开设置窗口如下

找到Editor-->Color Scheme-->Color Scheme Font，对就是这个家伙，让我找了上万毫秒，心中那个感觉就是“ 终于等到你，差点要错过你。。。。。”

言归正传，图中我用绿色框的Font是选择字体，Size是字体大小，Line spacing 是行间距

3、设置控制台字体大小

如果上面你都设置过，找到Editor-->Color Scheme-->Console Font

打开设置窗口如下，此图跟上面的图大同小异，跟上面一样设置即可

常用快捷键

1、ctrl + shift + n：打开工程中的文件，目的是打开当前工程下任意目录的文件。

2、ctrl + j：输出模板

3、ctrl + b：跳到变量申明处

4、ctrl + alt + T：围绕包裹代码(包括zencoding的Wrap with Abbreviation)

5、ctrl + []：匹配 {}[]

6、ctrl + F12：可以显示当前文件的结构

7、ctrl + x：剪切(删除)行，不选中，直接剪切整个行，如果选中部分内容则剪切选中的内容

8、alt + left/right:标签切换

9、ctrl + r：替换

10、ctrl + shift + up：行移动

11、shift + alt + up：块移动(if(){},while(){}语句块的移动)

12、ctrl + d：行复制

13、ctrl + shift + ]/[：选中块代码

14、ctrl + / ：单行注释

15、ctrl + shift + / ：块注释

16、ctrl + shift + i ：显示当前CSS选择器或者JS函数的详细信息

17、ctrl + '-/+'：可以折叠项目中的任何代码块，它不是选中折叠，而是自动识别折叠。

18、ctrl + '.'：折叠选中的代码的代码。