webstorm 2021 绿色版

20220419065321530

      WebStorm2021是一款专业的HTML编辑工具,在html5和JavaScript 方面也很出色。可以说是“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”。新版对JavaScript,TypeScript和CSS支持更好,改进了Vue.js的体验,并为Jest集成增加了新功能。

       JetBrains 打造的前端开发工具 WebStorm 发布了 2021.3。WebStorm 2021.3 最新变化:ES2022 私有类成员支持、新远程开发功能、更出色的单仓库支持、Deno LSP、拆分 Run(运行)工具窗口等。

软件特色

  1、代码导航和用法搜索

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

  2、JavaScript单元测试

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

  3、代码检测和快速修复

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

  4、批量代码分析

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

  5、支持HTML5

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

  6、显示应用样式

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

20220419065324690

怎么改字体大小

 1、首先我们在WebStorm中按快捷键【Ctrl + Shift + a】,然后输入输入font找到修改字体的功能。

  2、将蓝色选中区域的点击为ON即可,然后按快捷键【Ctrl + 鼠标滚动键】就可以调节字体大小了。

20220419065324314

 3、还有一种方法是:进入WebStorm后点击菜单栏左上角的【File】,然后选择【settings】。

20220419065323729

4、在【Editor】功能中选择【General】,然后是【Font】。

20220419065323644

 5、先点击Save As,不然的话没法选中字体更没法改变字体了,然后直接点击OK。

20220419065323484

6、之后就可以随意改变字体大小啦~ 最后点击OK保存一下即可。

20220419065325375

怎么改背景颜色

  1、首先选择WebStorm左上角的【File】,然后选择设置【settings】。

20220419065325880

 2、然后选择【Appearance & Behavior】功能中的【Appearance】,点击下拉箭头选择你想要的背景颜色后OK保存即可。

20220419065325144

3、这里选择的是黑色Darcula为例子,夜间模式对眼睛会比较好。

20220419065326903

4、还有一种方法是【File】——》【settings】——》【Editor】——》【Colors & Fonts】——》【HTML】——》在右半边找到下拉选项选择背景颜色后点击OK保存即可。

20220419065327674

怎么运行html项目

  1、首先,我们打开自己的WebStrom软件,打开项目,找到任意一个.html的文件。

20220419065326220

  2、我们选中某个html文件,然后右击,在弹出的菜单中有一项是“run ***.html”。

20220419065336950

 3、点击之后,我们电脑上默认的浏览器就会自动打开这个页面,并且该页面有配置好的服务器。

20220419065327385

4、刚才提示“run ***.html”的文字后面括号内有(Ctrl+Shift+F10),这个是快捷键,我们可以在选中html文件后,同时按住键盘上的这三个键来在浏览器中打开页面。

  5、WebStorm软件的右上角有一个显示当前文件名称的部分,后面紧挨着的一个绿色三角形,点击绿色三角就可以在浏览器中显示页面,或者按下提示的Shift+F10快捷键。

20220419065329264

6、还有一个更直观的方法,我们将鼠标悬停到文件编辑区域的右上角,会浮现出几个主流浏览器的图标,有些我们电脑上并没有安装,只要随意点击电脑上已经安装的浏览器,就会在相应的浏览器中展现相应的html页面。

20220419065329912

更新内容

1、新的欢迎屏幕。

  2、标签的改进工作。

  3、使用WebStorm打开的文件。

  4、支持Tailwind CSS。

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

发表评论

后才能评论