webstorm 12(web开发工具)
webstorm 12(web开发工具)能够打开、编辑和管理html格式的项目文件，在此程序内选中指定文件后运行，此文件就会自动在电脑的默认网页浏览工具中打开，而且已经配置了相关服务器。此程序预置了其他编辑器的常用快捷键，操作易于上手。
软件特点
1、拥有AngularJS：智能提醒AngularJS指令（包罗自行设置指令），controller和application names和括号内的数据绑定
2、拥有Spy-js：经由Spy-js用户可以看到触发代码履行的事务的完全列表，可帮忙清算仓库跟踪事务，并在源代码中凸起展示
3、拥有多个拔出符和选择：许可用户将拔出符放到多个定位，在这些定位可以同时编纂代码，轻松地完成编纂和改换
4、内置Grunt节制台：经由Grunt节制台可以列出并界说grunt义务的完全列表，双击可履行
5、集成Bower：运用Bower保证理器，可以更易懂便利的在IDE中搜刮、装载和办理客户端库和框架
6、JavaScript模块化：完美了对RequireJS和AMD的拥有水平，基于requirejs.config完成了源码导航性能
7、Live节制台：在节制台中的JavaScript和Node.js的调试东西窗口中许可履行指令和JavaScript代码
webstorm具体教程
1、起首装载webstorm 12(web开发工具)
2、将外面的jar文件复制到webstorm装载目次bin下如:D:\Program Files (x86)\JetBrains\WebStorm 2016.1.1\bin
PS：必然要把这个jar复制到这个目次 不克不及开启前面操作启动不起来。
3、重置webstorm装载目次bin文件下的WebStorm.exe.vmoptions和WebStorm64.exe.vmoptions 实际上是一个文件 一个32位一个64位的。
4、翻开这个文件 ，然后在最下面加一行代码 （-javaagent:D:\Program Files (x86)\JetBrains\WebStorm 2016.1.1\bin\JetbrainsCrack-2.5.3.jar）
-javaagent:牢固稳定 前面就是你刚下载的jar文件寄存途径我的就是D:\Program Files (x86)\JetBrains\WebStorm 2016.1.1\bin\JetbrainsCrack-2.5.3.jar
5、最易懂一步了 注册时随意填个数字就OK了 如：
webstorm运用教程
经由便捷技巧或电脑起头菜单，翻开WebStorm开辟东西
点击Create New Project，跳转到建立项目窗口，选择项目类型和框架，输出项目称号，点击Create
选择Vue.js语言框架，选择项目定位、编纂东西等，然后点击Next
还可以选择已有的项目，单击Open翻开，或连续点击开启项目
点击File菜单，然后选择Settings...，翻开设置场景布局窗口
在Settings窗口，选择Appearance & Behavior，可以设置WebStorm外观
切换到Editor，选择Font子菜单，可以设置编纂时的字体大小、字体属性等
转到Plugins，可以检查到已装载的插件，还可以选择需求装载的插件
选择Version Control，这里都是节制和办理项目标东西，如Subversion、Git等
切换到Language & Frameworks，可以设置语言和选择项目标框架
webstorm便捷键
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 + '.': 折叠选中的代码的代码。
19. shift + esc: 以后激活的肆意小窗口最小化，也能够是alt+数字键，数字在小窗口有展示。
20. alt + '7': 展示以后的函数布局。
21. 若是是*.html页面，则在文件名下的导航栏某DOM布局上右键，可以全选以后DOM布局。
经常使用便捷键—Webstorm入门指南
提升代码编写效力，离不开便捷键的运用，Webstorm具有多元化的代码迅速编纂性能，你可以自在设置性能便捷键。
windows下的设置方式
便捷键设置
点击File-> settings
Webstorm预置了其他编纂器的便捷键设置，可以点击
WebStorm中文设置教程
1、文件下载并解压后，运转主顺序中bin文件夹的WebStorm.exe，然后在菜单上顺次选择
File -> Settings -> Appearance&Behavior -> Appearance -> 选中Override default fonts by(not recommended)
Name: 微软雅黑 (选择肆意中文字体)
2、然后将WebStorm_zh_汉化包中的resources_cn.jar 复制到主顺序lib文件夹中，从头翻开软件就可以正常展示中文了。
常见问题
webstorm怎样运转代码
在WebStorm中翻开需求运转的工程；
在需求运转的文件上，右键单击；
在弹出的菜单中，点击Run readwords.js；
点击后
在WebStorm中检查函数的源代码/具体信息的方式：ctrl+shift+i；
webstorm怎样运转html
起首，我们翻开本身的WebStrom软件，翻开项目，找就任意一个.html的文件。
我们选中某个html文件，然后右击，在弹出的菜单中有一项是run ***.html，
点击以后，我们电脑上默许的阅读器就会主动翻开这个页面，而且该页面有设置好的服务器。
适才提醒run ***.html的文字前面括号内有（Ctrl+Shift+F10），这个是便捷键，我们可以在选中html文件后，同时按住键盘上的这三个键来在阅读器中翻开页面。
以上都是没有编纂html文件，只是在目次中时的操作，当我们在WebStorm中翻开了html文件后，另有另外一种便捷操作技巧。
WebStorm软件的右上角有一个展示以后文件称号的部门，前面紧挨着的一个绿色三角形，点击绿色三角便可以在阅读器中展示页面，或按下提醒的Shift+F10便捷键。
另有一个更直观的方式，我们将鼠标悬停到文件编纂区域的右上角，会显现出几个主流阅读器的图标，有些我们电脑上并没有装载，只需随便点击电脑上已装载的阅读器，就会在响应的阅读器中揭示响应的html页面。
webstorm怎样导入项目
起首翻开我们的电脑，运转WebStorm 软件。。。
运转成功后，点击左上角的file,选择open选项。
点击open选项后会呈现如图的场景布局，你可以选择本身项目地点的目次。若是你的项目在桌面上，则点击如图的第二个图标，选择的项目也如图要有WS图标。
选择好项目后会呈现如图让你选择新窗口仍是以后窗口等的弹框，按照本身的需求选第一个或第二个。
若是你选择的是准确的途径，项目也是完成的途径，将会呈现近似途中的项目场景布局。
你也能够近似的方式Dreamvear的倒入站点喔。
小编评测
此程序支持AngularJS、Spy-js、RequireJS等，并且提供web开发项目的源码导航，以此来提升开发效率。它可以通过快捷键查看函数的源代码与详细信息，而且还提供实时控制台，支持输入命令或JavaScript代码并立刻执行。
上文就是小编为您带来的webstorm 12(web开发工具)了，更多精彩软件请多多关注软件爱好者。
