JetBrains WebStorm 2021是一款前端编程软件,在编程领域主要分为两个板块,一个前端,一个后端,后端看不见,前端可是直面用户的,所以要怎么好看怎么来,这款软件就支持HTML5,这是前端最新的文本标记语言,它之前的版本就非常好用,现在更是前端界面设计主流了,这里对html编写就有很大的帮助,比如编辑标签的时候,我们不需要完全的输入,因为有的标签太长了,即使很难记得,在输入了一部分以后就会给出提示,例举出所有得代码可能性,您所需要得也一定在里面。前端样式是很重要的,一般的编辑器编写的时候需要手打css样式代码,不过在这里可右键进行样式标签的加入,使用方便了不止一个档次。前端设计差不多就是这些重点,此外前端需要和后端进行交互,这里使用到的是JavaScript,它主要用来让前端后端交互的,这里对其进行了支持,在编写时会检查代码质量,并且会检查正确性,有缺点的地方会及时提醒,还可以进行单元性的测试,保证代码正确允许。本站这里带来的是
JetBrains WebStorm 2021便捷增强版,这个版本是大神将自己的正版软件给导出,所以说所有的功能都能使用,并且做了一些处理,让其不会激活失效,非常好用,大家赶紧来下载吧。
JetBrains WebStorm 2021绿化教程
1、本站提供的是64位的绿色版程序;
2、我们进入文件夹,先关闭杀毒程序,然后运行绿化文件,添加配置;
3、提示完成即可关闭窗口;
4、它的启动文件是在bin目录下,我们运行它;
5、顺利进入,说明激活没有失效,能正常使用。
插件推荐
1、Key Promoter
鼠标完成某项操作时,会提示相应的快捷键。
2、Markdown
支持 markdown 语法
3、AngularJS
支持 angularjs 的语法提示
4、activate-power-mode
atom 上的神器啊,抱着试一试的心态一搜,JetBrains webstorm上居然也有了,安装之后可以在 window -> activate-power-mode 中关闭震动以及开启彩色模式。
5、Material Theme UI
主题类的插件,可以改改界面颜色呀,文件图标啥的,至少比默认的稍微强那么点。。。。
6、CodeGlance
这也是强烈推荐的,用过 sublime 的同学会知道右侧有一个当前文件中代码的缩略图,这个插件可以具有此功能。
7、ideaVim
此插件可以让编辑器支持 vim。
8、 .ignore
可以支持 .gitignore 的语法规则,并提供了一些自动将文件加入 .gitignore 中的功能。
9、eslint
语法检查的插件
10、AceJump
用于光标的快速定位与跳转,默认的快捷键是ctrl + ;,按快捷键之后,再按下自己想要将光标跳转到的目标的字母,这时会出现很多A,B,C,D,E… 的序号,按下相应的字母即可跳转到相应的地方。(区分大小写)
应用亮点
1、批量代码分析:
无需通过点击所有文件或部署到服务器。整个源代码树的启动代码分析,可以在一个单一的视图中看到所有的结果。
2、支持HTML5:
用创建一个新的HTML文档,以便于在代码中使用HTML5。假如我们想要使用一个canvas标签。不但要当键 入”<ca”时IDE会知晓你的意图并添加canvas标签,而且在按下Space键后它会提示HTML5属性已被IDE支持。
3、显示应用样式:
是否想让你的页面中出现一个流行的样式?右键单击并选择显是应用样式标签。此命令将打开的标签应用到通过CSS样式的树视图里的样式。
4、代码导航和用法搜索:
函数、变量或标签的导航都可用一个热键使用。
5、JavaScript单元测试:
如果你是一个JavaScript的开发者,你应该知道对于你的程序来说,代码的质量和正确性是非常重要的。那么,一致性测试和回归性测试这种功能会使你轻松很多。
6、代码检测和快速修复:
为保证更优的代码质量,能快速地捕捉到JavaScript中的常见错误并提供快速的修复方案。
webstorm使用教程
1、打开软件,推荐使用在本站下载到的最新版哦,功能更全面;
2、切换到插件板块,我门进行汉化;
3、然后切换到插件库,我们搜索Chinese就可以找到汉化包了,点击安装;
4、安装完成,需要重启,我们按需操作就可以;
5、我们进入到了软件界面能看到全部被汉化了;
6、我们新建项目;
7、这里又很多附件或者叫框架吧,可选中建立项目,但配置要麻烦很多,所以我们建立新项目就好;
8、果然是空白项目,这里什么都没有;
9、这里可新建的文件样式真的多,甚至可以说是应有尽有,html、js;
10、这就是html的详情页;
11、我们还可点击这些标识进入到浏览器中查看效果,非常好用。
新功能特性
【改进对 Stylelint 的支持】
将鼠标悬停在文件中的问题上或将文本光标放在其上,然后按 Alt+Enter,选择 Stylelint: Fix current file,即可使用 Stylelint 修复 CSS 代码。此外,开发者现在可以在 Preferences / Settings | Languages & Frameworks | Style Sheets | Stylelint 的相应字段下指定配置文件的路径。
【内置 HTML 预览】
支持直接在 中预览静态 HTML 文件。开发者对 HTML 文件或链接的 CSS 和 JavaScript 文件所做的变更将被保存,并自动重新加载预览,以便开发者查看变更。
【支持调节字体粗细】
开发者可选择不同的编辑器字体,包括浅色、常规和粗体,在 Typography Settings in Preferences / Settings | Editor | Fonts 下调整这些新选项。
【更智能的代码补全】
JavaScript 和 TypeScript 文件中的代码补全建议现在采用了机器学习算法进行排序。
【更好的符号名称补全建议】
现在会在显示顶层变量以及函数和类名的补全建议时考虑文件名。
【内置远程协作开发服务】
已整合 Code With Me,这是用于远程协作开发和结对编程的新服务。开发者可以使用它进行实时合作编码,并用 IDE 与其他人交流。
【支持 Vue 中的 CSS 模块】
从 v2021.1 开始,将支持 .vue 文件中使用的 CSS 模块。IDE 可正确解析 $style 属性,为其提供代码补全、导航和基本的重构功能。
注意事项
1.无法激活
由于本版本是便携版,但是IDEA系列软件的机制是先从我的文档读取配置,如果出现激活失败的情况,请把C:Users你的用户名.WebStorm相关的目录删除,否则可能出现打开没有激活的情况。
2.无法运行
请把C:Users你的用户名.WebStorm 2021相关的目录删除
推荐评语
好用的软件