JetBrains WebStorm 2018破解版

WebStorm 2018破解版一款强大的HTML5/JavaScript Web前端开发工具。jetbrains公司开发。目前已经被广大中国JS开发者誉为"Web前端开发神器"、"最强大的HTML5编辑器"、"最智能的JavaScript IDE"等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。，包括对AngularJS的支持，能够高效准确地智能感知Angular语法、指令。WebStorm还完美支持Spy-js，合并了这款JavaScript调试利器，大大提高了开发者们的工作效率。而《WebStorm 2018》是目前最新的《WebStorm》的版本，新增了支持Meteor，集成PhoneGap、Cordova等移动开发框架功能，WebStorm 最大的特点是支持一系列最新的技术，比如HTML5，CSS3, Node.js, AngularJS, Dart, CoffeeScript, TypeScript, LESS, Sass, Stylus, Karma, Mocha, Emmet, RequireJS。而且《WebStorm 2018》还可以对页面进行个性化设置，用户可以取消高亮的背景。调整为自己喜欢的背景颜色与字体颜色提高效率。任何一个编辑器都需要保存(ctrl + s)，这是所有win平台上编辑类软件的特点，但是webstorm编辑文件右上角是没有那个熟悉的 * 的。而《WebStorm 2018》省去了ctrl + s之后，在结合Firefox的vim，基本不动鼠标就可以看到结果页面了。只要webstorm不关闭，你的文件随时可以返回到之前的操作（这也是为啥在 webstorm 里ctrl+y是删除一行的原因了）。《WebStorm 2018》提供一个本地文件修改历史记录（快捷键：ALT+SHIFT+c，Mac中 ALT＋Option＋c）。也可以 Ctrl + E 弹出最近打开的文件。相当于本地svn。集成了zencoding，HTML5，ftp，即时编辑（chrome）,自动完成,基于Mozilla的JavaScript调试器，JSLint、Less支持、CoffeeScript支持、Node.js、单元测试、集成Git和svn版本控制等特性。在编写CSS中，会智能的提示各种文件以及图片的路径，就不用再去确认这个文件是否存在了。

优势功能

智能的代码补全
支持不同浏览器的提示，还包括所有用户自定义的函数(项目中)
代码补全包含了所有流行的库，比如:JQuery, YUI, Dojo, Prototype, Mootools and Bindows。
代码格式化
代码不仅可以格式化，而且所有规则都可以自己来定义
html提示
大家经常在js代码中编写html代码，一般来说十分痛苦，不过有了智能提示，就爽多了。而且html里面还能有js提示。
联想查询
只需要按着Ctrl键点击函数或者变量等，就能直接跳转到定义;可以全
代码导航和用法查询代码导航和用法查询
项目查找函数或者变量，还可以查找使用并高亮。
代码重构
这个操作有些像Resharper，熟悉Resharper的用户应该上手很快，支持的有重命名、提取变量/函数、内联变量/函数、移动/复制、安全删除等等。
代码检查和快速修复
可以快速找到代码中的错误或者需要优化的地方，并给出修改意见，快速修复。
代码调试
支持代码调试，界面和IDEA相似，非常方便。
代码结构浏览
可以快速浏览和定位
代码折叠
功能虽小，不过胜在方便高效
包裹或者去掉外围代码
自动提示包裹或者去掉外围代码，一键搞定

安装步骤

1.从网站下好压缩包之后，直接点击安装文件“JetBrains.WebStorm.2018.1.exe”进行安装，默认点击“next”下一步进行操作

2.选择文件所创建的位置。位置可以选择默认。也可重新选择自己创建的位置。默认路径为“C:Program FilesJetBrainsWebStorm 2018.1”

3.选择适合电脑处理器系统的位数。x32为32位处理器，x64为64位处理器。以及创建文件的类别。

4.创建应用的快捷方式。

5.等待安装和下载主要程序。

6.安装完成。

破解步骤

（破解之前请关闭网络连接，建议直接拔掉网线）
1.安装好后，先不要打开软件，回到压缩包中将破解补丁“JetbrainsCrack.jar”复制到软件的安装，目录中我这里的安装目录是C:Program FilesJetBrainsWebStorm 2018.1bin也是软件默认的安装位置。

Ps：如果不知道软件的安装位置的话，可以直接右键图标。打开文件所在的位置。
2.重新运行程序JetBrains WebStorm 2018.1 x64，弹出提示框选Do not import settings，并点击Ok

3.直接点击“Accept”即同意程序所提供的协议（注意需要将右侧的下滑按钮下滑到最下面，让程序认为你已经读完了协议。Accept按钮才可点击）

4.勾选“License Server”，并输入http://idea.codebeta.cn,然后点击“Activate”

5.破解成功，创建文件，即可使用。

高效快捷键

1. shift + F6可以理解为F2的豪华重量版，不但可以重命名文件名，而且可以命名函数名，函数名可以搜索引用的文件，还可以重命名局部变量。还可以重命名标签名。在sublime text中有个类似的快捷键：ctrl+shift+d。
2.shift + F6:
除了重构函数名，之外还可以重构div闭合标签等等。
3.search in comments and strings
会搜索注释或变量内容。
4.软回车(shift+enter, ctrl+shift+enter我改为ctrl+enter，使与sublime text保持一致)，这个快捷键sublime text也支持
除了这个快捷键之外，还有一个软回车，是经常用到的。
就是不论光标在当前行的任何位置，都可以跳转到下一行。
5.alt + 左右方向键，快速切换tab选项卡：
如果你是一个前端，或者非前端，在多个文件中来回切换，这个快捷键能帮到你。
6.另外一个切换project工程目录的 alt + 1 ,只能切回去不能切回来，所以还要添加到Hide Active Tool Window中去
7.移动视图，方便快捷的移动代码窗口:　ctrl + up, down
8.代码方法间快速跳转：alt + up, down
9.快速寻找方法，变量定义处：ctrl + b或者ctrl+单击
10.选中字符 ctrl+w，连续可以多重扩展

设置技巧

如何更改主题（字体&配色）:
File -> settings -> Editor -> colors&fonts -> scheme name.主题下载地址
如何让webstorm启动的时候不打开工程文件：
File -> Settings->General去掉Reopen last project on startup.
如何完美显示中文：
File -> Settings->Appearance中勾选Override default fonts by (not recommended)，设置Name:NSimSun，Size:12
如何显示行号：
File -> Settings->Editor，”Show line numbers”打上勾，就显示行号了
如何代码自动换行：
File -> settings -> Editor “Use Soft Wraps in editor” 打上钩，代码就自动换行了
如何点击光标，显示在本行末尾：
File -> Settings->Editor “Allow placement of caret after end of line”去掉勾就行了。
如何修改快键键：
File -> Settings->Keymap，然后双击要修改快捷的功能会有提示框出来，按提示操作
换成自己熟悉编辑器的快键键：
File ->Settings->Keymap，支持像Visual Studio、Eclipse、NetBeans这样的主流IDE。
javascript类库提示。
File -> settings -> Javascript -> Libraries -> 然后在列表里选择自己经常用到的javascript类库，最后Download and Install就ok了.
在开发js时发现，需要ctrl + return 才能选候选项：
File -> Setting -> Editor -> Code Completion -> Preselect the first suggestion: “Smart” 改为 “Always”
js提示比较迟缓
File -> Code Completion -> Autopopup in 下 1000改为0
git配置：
File -> settings -> Editor -> github，进去改github的账户，如果没有git则不需要.
插件安装：
File ->plugins，然后就选择给力的插件们再安装.(“css-X-fire”插件,用于当使用firebug修改css属性时，编辑器内的css代码也会发生变化。）
随时关注3322下载站以备更新

使用心得

收藏夹功能:
当工程目录很庞大时，有些子目录很经常打开，但层级又很深，这时候可以把目录添加到收藏夹里面，添加成功后，左侧有个“Favorites”菜单
面包屑导航：
除了左侧的工程页面，可以选择目录之外，在顶部菜单下有一个类似网站面包屑导航一样的目录也可以实现相同功。点击每个目录就会有下拉菜单显示其下的子目录，很实用.
构造器界面:
注释符合格式的话就会出现。如果是js文件则是js类的函数和对象；css文件的话则是这个css文件的概括；html文件的话则是节点的结构图。话说这几个就是为了方便查看代码的结构性.
todo界面：
给代码加todo注释就会出现这个界面
双栏代码界面：
右击代码选项卡上的文件，然后右键 -> spilt vertically(左右两屏)或者spilt horizontally(上下两屏)
本地历史功能:
找回代码的好办法

WebStorm集成git使用

webstorm中只集成了git的常用操作，并不能完全替代命令行工具。在界面的右下角可以查看处于哪个git分支。也可以在上面点击切换或者新建分支。
查看当前代码与版本库代码的差异:
右击代码界面任意区域，选择git -> compare with然后选择要比较的版本库。