【介绍】

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开发工具)了，更多精彩软件请多多关注软件爱好者。