应用简介
WebStorm2019是一款来自jetbrains公司出品的JS开发工具。该软件被称为Web前端开发神器”、“最强大的HTML5编辑器”,通过最少的配置和周到的IDE集成,使用WebStorm可以更轻松地完成这些任务,非常适合程序员使用。
【功能特点】
智能的代码补全:支持不同浏览器的提示,还包括所有用户自定义的函数(项目中)
代码补全包含了所有流行的库,比如:JQuery, YUI, Dojo, Prototype, Mootools and Bindows。
代码格式化:代码不仅可以格式化,而且所有规则都可以自己来定义。
html提示:大家经常在js代码中编写html代码,一般来说十分痛苦,不过有了智能提示,就爽多了。而且html里面还能有js提示。
联想查询:只需要按着Ctrl键点击函数或者变量等,就能直接跳转到定义;
代码导航和用法查询:项目查找函数或者变量,还可以查找使用并高亮。
代码重构:这个操作有些像Resharper,熟悉Resharper的用户应该上手很快,支持的有重命名、提取变量/函数、内联变量/函数、移动/复制、安全删除等等。
代码检查和快速修复:可以快速找到代码中的错误或者需要优化的地方,并给出修改意见,快速修复。
代码调试:支持代码调试,界面和IDEA相似,非常方便。
代码结构浏览:可以快速浏览和定位
代码折叠:功能虽小,不过胜在方便高效
【怎么设置中文】
1、将\Webstorm 2019.1\lib目录下的resources_en.jar文件复制出来,并更名为resources_cn.jar,如果还没下载语言包的话可以先下载过来;
2、双击打开resources_cn.jar(注意是打开而不是解压出来),将下载的汉化包zh_CN目录下的所有文件拖到刚才打开的resources_cn.jar文件内的messages目录中,并保存。
3、将resources_cn.jar文件复制回.\Webstorm\lib目录,或是直接把汉化包里面的resources_cn.jar复制到.\Webstorm\lib目录即可。
4、汉化完毕,重新打开Webstorm就可以显示中文。
【怎么设置字体大小】
随便打开一个文件就可以看到其字体大小,这样的话可以方便一会儿比较。
然后点击上面菜单栏的“文件”,找到其子菜单中的“设置”,点击打开。
在打开的新窗口中找到“Editor”选项,点击它前面的加号。
然后再找其子菜单中的选项,直到找到“Font”选项,点击即可。
这时候在右侧就可以设置其字体和大小了,设置完成后点击下面的确定按钮即可。
【怎么运行项目】
在文件列表对文件点右键,也可以找到运行和调试2个按钮;
窗口右上角,也有这2个符号。如果你创建了一个node/express项目,会自动在这个项目添加一个运行配置;
可以点击这个下拉框,修改运行配置;
例如从这里可以找到,这个运行配置实际上是运行入口文件"www"这个文件;
运行后,可以在控制台看到运行输出的信息。
【常用快捷键】
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 + '.': 折叠选中的代码的代码。