下载之家_微软原版Msdn Win11正式版 64位系统下载

当前位置:首页软件下载应用软件详细列表

WebStorm 2021免费版

WebStorm 2021免费版

软件大小:376.98 MB软件语言:简体中文授权方式:免费软件

更新时间:2022-09-14运行环境:Win ALL

  • 软件介绍
  • 下载地址
  • 同类推荐
  • 相关文章

WebStorm 2021免费版是由JetBrains公司推出的一款非常实用的专业前端开发软件,主要基于DOM和特定浏览器而完成,WebStorm 2021免费版拥有智能编码填充、调试追踪与测试、无缝整合工具、VCS和实施等功能,为用户提供了所有JS常用的函数和代码,WebStorm 2021免费版可以帮助用户快速进行智能代码补全、代码格式化、代码重构、代码折叠、代码调试等操作,极大的简化了复杂的工作流程,大大提高用户的工作效率!WebStorm 2021免费版被誉为”Web前端开发神器”,界面简洁,带给用户全新的用户操作界面,允许你根据个人喜好调整外观,通过调整主题、代码样式、插件等来调整IDE的外观和行为,使其更符合用户个人的独特需求。WebStorm 2021免费版功能也是非常的出色,能够带来JavaScript IDE开发环境,可进行编码导航和用法查询,其中智能代码提示和代码结构化有利于提高代码的开发速度,还可以编辑开发JavaScript原生代码;除了强大的编程功能外,WebStorm 2021免费版还有丰富的小工具功能,支持代码重构、检查、调试和折叠等,都可以帮助用户提供编程效率。相比之前的版本,WebStorm 2021免费版保留了原来的核心功能,并且新增了非常多实用和强大的功能,更利于Web前端开发新人使用,能够为WEB开发项目提供更好的开发支持,受到广大专业编写代码人士的青睐!

WebStorm 2021免费版

WebStorm 2021免费版新版功能

1、保存时重新加载页面

当您编辑和保存 HTML、CSS 和 JavaScript 文件时,现已能够自动更新浏览器中的页面。 首先,在编辑器中打开一个 HTML 文件,将鼠标悬停在其上方,然后点击要使用的浏览器的图标 – 支持所有浏览器。

2、保存时的操作

我们重新设计了所有现有功能,将其集于一处,并加入一些新的选项对其实现了增强,包括在保存时重新格式化代码和优化导入的功能。

3、require()自动导入

软件下载可以在您补全 ES6 符号时添加缺少的 import 语句。现在,它也可以对 CommonJS 模块实现相同功能 – 支持在代码补全时插入 require 导入。

4、箭头函数的新操作

您现在可以使用 Ctrl+Alt+J 键来用箭头函数包围代码块。 您也可以输入 arf 并按 Tab 键来展开模板并添加空的箭头函数。

5、React useState hook 的 Rename 重构

您不再需要浪费时间逐一重构 useState 值和函数。软件现在可以为您对这二者进行重命名! 将文本光标置于状态值上并按 Shift+F6 键或转到右键点击上下文菜单中的 Refactor | Rename。

6、新版预提交( pre-commit)检查

我们添加了新的选项来帮助您执行这项操作。 点击 Commit 工具窗口中的齿轮图标,选择 Run Tests,然后选择所需的运行配置。它将测试您的文件并为您提供有关任何问题的警告。

7、更快的工具窗口重组

现在,用户可以更方便地重新组织工具窗口。 将鼠标悬停在您要移动的工具窗口的顶部,然后将其拖放到所需位置。 如果您也想从主窗口中分离工具窗口,此操作同样适用 – 只需将其拖放到 IDE 边框之外即可。

WebStorm 2021免费版使用教程

怎么运行代码?

1、在软件中打开需要运行的工程;

WebStorm 2021免费版

2、在需要运行的文件上,右键单击;

WebStorm 2021免费版

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

WebStorm 2021免费版

4、点击后,结果如下:

WebStorm 2021免费版

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

WebStorm 2021免费版

怎么创建项目?

1、打开软件-->File-->Project;

WebStorm 2021免费版

2、出现new project弹出框;

WebStorm 2021免费版

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

WebStorm 2021免费版

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

WebStorm 2021免费版

5、点击Create后,软件将会创建一个h5_test01H5项目。

WebStorm 2021免费版

WebStorm 2021免费版常用快捷键

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