JetBrains WebStorm免费版(JS编程软件)

JetBrains WebStorm免费版(JS编程软件)是一款非常受欢迎的JavaScript 开发工具，支持JavaScript，Node.js，HTML和CSS等项目代码编辑，启动软件就可以查看到软件的项目创建界面，你可以直接使用软件提供的项目模板新建编程方案，软件除了强大的编程功能外，还有丰富的小工具功能，支持代码重构、检查、调试和折叠等，都可以帮助用户提供编程效率。

JetBrains WebStorm电脑版软件特色：

1、代码导航和用法搜索

函数、变量或标签的导航都可用一个热键使用。

2、JavaScript单元测试

如果你是一个JavaScript的开发者，你应该知道对于你的程序来说，代码的质量和正确性是非常重要的。那么，一致性测试和回归性测试这种功能会使你轻松很多。

3、代码检测和快速修复

为保证更优的代码质量，能快速地捕捉到JavaScript中的常见错误并提供快速的修复方案。

4、批量代码分析

无需通过点击所有文件或部署到服务器。整个源代码树的启动代码分析，可以在一个单一的视图中看到所有的结果。

5、支持HTML5

用创建一个新的HTML文档，以便于在代码中使用HTML5。假如我们想要使用一个canvas标签。不但要当键 入”《ca”时IDE会知晓你的意图并添加canvas标签，而且在按下Space键后它会提示HTML5属性已被IDE支持。

6、显示应用样式

是否想让你的页面中出现一个流行的样式?右键单击并选择显是应用样式标签。此命令将打开的标签应用到通过CSS样式的树视图里的样式。

JetBrains WebStorm电脑版软件优势：

智能的代码补全

支持不同浏览器的提示，还包括所有用户自定义的函数(项目中)

代码补全包含了所有流行的库，比如:JQuery, YUI, Dojo, Prototype, Mootools and Bindows。

代码格式化

代码不仅可以格式化，而且所有规则都可以自己来定义

html提示

大家经常在js代码中编写html代码，一般来说十分痛苦，不过有了智能提示，就爽多了。而且html里面还能有js提示。

联想查询

只需要按着Ctrl键点击函数或者变量等，就能直接跳转到定义;可以全

代码导航和用法查询代码导航和用法查询

项目查找函数或者变量，还可以查找使用并高亮。

代码重构

这个操作有些像Resharper，熟悉Resharper的用户应该上手很快，支持的有重命名、提取变量/函数、内联变量/函数、移动/复制、安全删除等等。

代码检查和快速修复

可以快速找到代码中的错误或者需要优化的地方，并给出修改意见，快速修复。

代码调试

支持代码调试，界面和IDEA相似，非常方便。

代码结构浏览

可以快速浏览和定位

代码折叠

功能虽小，不过胜在方便高效

包裹或者去掉外围代码

自动提示包裹或者去掉外围代码，一键搞定

JetBrains 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 + '.'：折叠选中的代码的代码。

JetBrains WebStorm电脑版更新日志：

1、新的欢迎屏幕。

2、标签的改进工作。

3、使用WebStorm打开的文件。

4、支持Tailwind CSS。

5、根据用途创建React组件。