WebStorm2024中文版是非常强大的一个java编程软件，支持web前端开发，html编辑，java编程等；非常的适合it开发领域的朋友们使用，软件功能十分齐全，可以在工作中帮助到大家更加高效的处理事情。

WebStorm2024介绍

软件被广大的中国js开发者誉为“web前端开发神器”、“最强大的html5编辑器”、“最智能的javasscript ide”等。与intellij idea同源，继承了intellij idea强大的js部分的功能，有需要的快来下载吧！

WebStorm官方版使用教程

一、【webstorm怎么运行代码？】

1、在WebStorm中打开需要运行的工程；

2、在需要运行的文件上，右键单击；

3、在弹出的菜单中，点击“Run ‘readwords.js’”；

4、点击后，结果如下：

5、在WebStorm中查看函数的源代码/详细信息的方法：ctrl+shift+i。

二、【webstorm怎么改字体大小】

1、Ctrl+滚动滑轮调整字体大小

File--->Settings(Ctrl+Alt+s)--->Editor--->General--->Change font size(Zoom)……前面的方框打对勾。如下图

点击ok即可。

在编辑代码页面Ctrl+滚动滑轮即可调整字体大小。

2、通过改变size来调整字体大小

File--->Settings(Ctrl+Alt+s)--->Editor--->Font--->Size。如下图：

点击Apply适用字体大小是否合适，不合适在做调整，合适直接ok即可。如果此时代码并没有变大或者变小，新建一个html页面，试着调整大小，就好了（我的就是这种情况）。

三、【webstorm怎么创建项目？】

1、打开WebStorm-->File-->Project；

2、出现new project弹出框；

3、选择HTML5 Boilerpalte(选择HTML5 样板)；

4、修改对应的名字和Version，我输入h5_test01,version 6.0.0；

5、点击Create后，WebStorm将会创建一个h5_test01H5项目。

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结构

WebStorm2024最新版特色

1、智能的代码补全

支持不同浏览器的提示，还包括所有用户自定义的函数。代码补全包含了所有流行的库，比如：jquery, yui, dojo, prototype, mootools and bindows。

2、代码格式化

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

3、html提示

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

4、联想查询

只需要按着ctrl键点击函数或者变量等，就能直接跳转到定义;可以全代码导航和用法查询项目查找函数或者变量，还可以查找使用并高亮。

5、代码重构

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

6、代码检查和快速修复

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

7、代码调试

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

8、代码结构浏览

可以快速浏览和定位

9、代码折叠

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

10、包裹或者去掉外围代码

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

更新内容

v2024.3

此版本解决了多个持续存在的问题并改进了先前引入的功能。 主要改进包括增强的框架组件导航和重命名、内置数据库工具和 SQL 支持，以及更出色的 AI 驱动代码补全。

v2024.2

增强的文件系统路由支持、对 Bun 的初始调试支持、直接运行 TypeScript 文件，以及针对版本控制系统的多项改进。

v2024.1

粘性行，快速文档改进，全行代码补全，默认启用的 Vue Language Server，适用于 Vue、Svelte 和 Astro 的组件用法，以及新的 Language Services（语言服务）微件。