WebStorm是jetbrains公司旗下一款 JavaScript 开发工具。被广大中国JS开发者誉为Web前端开发神器,最强大的HTML5编辑器,最智能的 JavaSscript IDE等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。软件提供多种前端编程技术,如HTML、CSS、JavaScript等,整体简单易用,适合编程开发人员,喜欢的话赶快来下载吧!
1、专门针对 JavaScript 打造
是否在为 JavaScript 开发中最棘手的部分寻找值得信赖的工具?10 多年来,我们一直在优化,使编码体验更加有趣。无论您是使用 JS、TS、React、Vue、Angular、Node.js、HTML 还是各种样式表,WebStorm 都能满足您的需求。
2、最智能的编辑器
深刻理解您的项目结构,并且可以在编写代码的各个方面为您提供帮助。 它将自动补全代码、检测错误和冗余并提供修复建议,以及帮助您安全地重构代码。
3、内建开发者工具
在 IDE 中工作的好处之一是在一个地方获得所有必要工具。使用调试和测试您的客户端和 Node.js 应用,并利用版本控制。充分使用 linter、构建工具、终端和 HTTP 客户端,这些均已经与 IDE 集成。
4、快速导航和搜索
无论您的项目有多大,都可以更快地浏览代码。查找文件、类或符号,并在一个地方查看所有匹配条目。只需点击几次,即可跳到任何函数、方法、变量、组件或类的定义,并找到其用法。
5、高效的团队合作
由于所有关键功能均预打包,您可以更快速地对新团队成员进行入职培训。实时合作编码,并直接在 IDE 中与他人交流。共享您的项目配置,包括代码样式设置,并高效使用 Git 和 Github。
1、智能代码辅助功能
WebStorm为您提供JavaScript和编译为JavaScript语言、 node.js、HTML和CSS的智能代码辅助。 享受代码补全、强大的 导航功能、动态错误检测以及所有这些 语言的重构。
2、调试、跟踪和测试
WebStorm提供强大的内置工具进行调试、测试和跟踪 您的客户端和node.js应用程序。 只需很少配置和精心 集成到IDE中,WebStorm使这些任务变得更加轻松。
3、无缝工具集成
WebStorm集成流行的命令行工具,用于Web开发, 使您无需使用命令行即可获得高效、简化的开发体验。
4、IDE功能
WebStorm建立在开源IntelliJ平台之上,过去15年以来,JetBrains一直在不断发展和完善这个平台。 这个平台可以针对您的开发工作流进行微调并且能够提供高度可定制的体验。
1、快速启动和运行
立即开始您的项目,而不是把时间浪费在评估各种插件上。 凭借各种内置开发者工具以及对语言和框架开箱即用的支持,提供高效 JavaScript 开发所需的一切。
2、提高生产力
在重构和快速修复的帮助下,不要在终端与文本编辑器之间,或可以自动完成的事情上犹豫不决,这是 IDE 最擅长之事。 调试器和 Git 等最重要的开发者工具触手可及。
3、花更少工夫编写更好的代码
编写更清晰可靠的代码,IDE 在您输入时会运行几十种检查,并且会立即检测到潜在错误和冗余。 通过可以提供与当前上下文最相关的变量和方法的自动补全,节省浏览代码库的时间。
4、迅速找到所需代码
无论项目有多大,都可以更快地找到代码。 只需点击几次,即可跳到任何类、函数、方法、变量或组件的定义,并找到其用法。 在您打开的文件内轻松导航,而且其结构一览无余。
5、根据您的喜好调整外观
不喜欢使用默认值? 通过调整主题、代码样式、插件等来调整 IDE 的外观和行为,使其更符合您的独特需求。 也可在几个 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结构