JetBrains WebStorm中文版

JetBrains WebStorm简介

JetBrains WebStorm是一款编程软件。可以在软件中编辑js项目，支持JavaScpt、Node.js、HTML、CSS等项目代码的编辑。启动软件时，可以查看软件的项目创建界面。可以直接使用软件提供的项目模板创建新的编程方案，直接将其他软件复制的代码内容粘贴到软件中，立即在软件中运行自己的项目，测试当前编程的内容是否可以正常运行。该软件还

JetBrains WebStorm新版功能

WebStorm 2021.1有什么新功能

JavaScpt和TypeScpt具有更智能的代码完成、对Stylelint的增强支持、内置的HTML预览、用于选择编辑器字体粗细的新设置以及用于处理请求的增强功能。

AvaScpt和TypeScpt

ML辅助代码完成

机器学习算法现在将用于对JavaScpt和TypeScpt文件中的完成建议进行排序。

更好的符号名称完成建议

现在，WebStorm将在向您显示顶级变量以及函数和类名完成的建议时考虑文件名。

改进的文档语法非常突出

为了使文档注释更具可读性，我们实现了一些新的选项来调整文档标签值和类型的配色方案。您可以在首选项/设置|编辑器配色方案| Javascpt/TYPecpt中查看信息。

禁止文件

WebStorm允许您在更详细的级别(例如，类)关闭整个项目或单个项目。使用v2021.1，您还可以逐个文件地禁用它们。

框架和技术

基于的内置远程协同开发服务

现在，WebStorm提供了Code With Me，这是我们针对远程协作开发和配对编程的新服务。您可以使用它实时编码，并通过集成开发环境与他人交谈。

支持Vue中的CSS模块

从v2021.1开始，WebStorm将支持中使用的CSS模块。vue文件。IDE将正确解析$ style属，并为它们提供代码完成、导航和基本重构功能。

HTTP客户端的增强

现在，使用内置的HTTP客户端更加方便。您可以使用新图标折叠返回的输出，快速移动到响应的顶部或底部，单击几次以查找和替换http://protocol的用法，等等。

可配置的科技英语范围

如果您已经为文件设置了ESLint，例如。医学博士或。咖啡，您现在可以在编辑器中查看他们报告的错误。为此，请将这些文件类型添加到新的运行文件字段中。

在线支持

网络风暴现在支持在线文本格式。集成开发环境将识别。jsonl，。jslines，。ldjson和。ndjson文件类型。

HTML和CSS

改进了对Stylelint的支持

只需点击几下，您就可以使用Stylelint来修复CSS代码。将鼠标悬停在文件中的问题上或将插入符号放在其上。Alt+Enter，按并选择Stylelint:修复当前文件。

此外，您现在可以在首选项/设置|设置中的相应字段下指定配置文件的路径。和语言框架|样式表| Stylelint。

嵌入式HTML预览

现在，你可以直接在WebStorm中预览静态HTML文件了！您对HTML文件或链接的CSS和JavaScpt文件所做的更改将被保存，预览将自动重新加载，以便您可以查看更改。

CSS的选择器特性

现在，当使用样式表时，您可以选择特殊的选择器——只需将鼠标悬停在所需的选择器上。或者，将焦点放在选择器上，然后按Ctrl+Q在“文档”弹出窗口中查看。

JetBrains WebStorm软件特色

现代框架

WebStorm为Angular、React、Vue.js和Meteor提供了高级编码帮助。借助Node.js一站式集成开发环境，在边上享受React Native、PhoneGap、Cordova、ion对移动开发开发的支持！

智能编辑器

集成开发环境将分析您的项目，为所有支持的语言提供最佳的代码完成结果。数百个内置程序会在您键入时报告任何可能的问题，并提供快速修复选项。

导航和搜索

WebStorm可以帮助您更有效地处理代码，并在处理大型项目时节省时间。只需点击跳转到方法、函数或变量定义，或搜索用法。

JetBrains WebStorm安装方法

1.打开WebStorm-2021.1.1.exe软件并开始安装。

2.提示软件的安装地址C: pg RAM文件 JetRains Webstorm 2021.1.1

3.选择您需要安装的版本，选择位，然后单击下一步。

4.提示软件开始菜单的快捷名称。

5.提示安装进度条，等待软件安装结束。

6.已安装WebStorm 2021.1.1。直接启动软件。

JetBrains WebStorm中文设置

1.启动软件，选择免费评估，然后单击评估尝试该软件。

2.进入新项目界面，在此创建新的编程项目。

3.在左侧选择一个项目类型，设置项目的存储地址。

4.进入软件后，直接点击Ctrl+ALT+S打开设置->设置；插件，在软件中输入中文搜索中文补丁，点击安装即可安装。

5.提示您是否需要升级，然后单击接受。

6.中文补丁已经升级。单击重启重新启动软件。

7.重启后，软件界面为中文。

8.现在你可以在熟悉的中文界面编程了。

JetBrains WebStorm教程

命令过程

WebStorm为shell脚本文件提供编码辅助:完成(包括本地路径)、高亮显示、快速文档、文本重命名和重构等。

它还包括一种特殊类型的Shell脚本运行/调试配置。

WebStorm集成了几个外部工具来增强对Shell脚本的支持:

ShellCheck是一个针对Shell脚本的静态分析工具，可以检测语法错误、语义问题、极端情况和典型陷阱。如果WebStorm不可用，它将提示您安装它。

Shfmt是用于Shell脚本的外部格式化程序引擎。第一次重新格式化Ctrl+Alt+LShell脚本的代码时，WebStorm建议安装。

ExplainShell是一个可以解析任何Shell命令并为每个参数提供帮助文本的网站。您可以有意访问它:按Alt+Enter并选择解释外壳。

配置被识别为外壳脚本的文件。

默认情况下，WebStorm将具有以下扩展名的文件识别为外壳脚本:。嘘，嘘。巴什和。zsh。但是，可以将WebStorm配置为将任何文件类型识别为Shell脚本文件(例如，如果您想要编辑. csh文件)。

1.在“设置/首选项”对话框中，按住Ctrl+Alt+S，选择“编辑器|选择”。文件类型。

2.在“批准的文件类型”列表中，选择“外壳脚本”，并在下面的“文件名模式”列表中添加必要的模式。

3.单击确定应用更改。

运行shell脚本文件

处理shell脚本文件时，可以单击绑定行，在内置的终端中运行它。这将创建Shell脚本运行配置(如果文件尚不存在)并启动它。要手动创建任何文件的Shell脚本运行配置，请执行以下命令:

1.从主菜单中，选择运行|运行。编辑配置。

2.单击+并选择Shell脚本。

3.指定脚本文件的路径以及启动脚本时要传递给脚本的选项。您还可以更改用于运行脚本的解释器以及解释器的其他选项。如有必要，请在运行此脚本文件之前添加要自动启动的任务。

4.单击确定保存运行/调试配置。

要运行配置，请按Alt+Shift+F10并选择创建的Shell脚本配置。

您也可以从上下文菜单中运行Shell脚本:在项目工具窗口或文件的编辑器选项卡中的任意位置右键单击Shell脚本文件。

分析外部堆栈跟踪

您可能想要分析其他人(例如，质量工程师)收到的异常，或者研究死锁或问题。与在调试模式或运行单元测试时获得的异常不同，这些异常没有链接来帮助您导航到源代码中的相应位置。

使用WebStorm，您可以复制异常或全线程转储，将它们粘贴到堆栈跟踪分析器中，浏览并导航到相应的源代码。

1.在主菜单中，选择工具|堆栈跟踪或线程转储。

2.在打开的“分析堆栈跟踪”对话框中，将外部堆栈跟踪或线程转储粘贴到“在此放置线程转储:”文本区域。

3.如果要使用相应的dSYM文件明确指定目录，请选中“使用其他目录搜索缺少的dSYM”复选框，在字段中输入所需的目录，或者从文件系统中选择它。

4.单击确定。堆栈跟踪显示在运行工具窗口中。

要跳转到导致问题的代码，请移动到所需的堆栈跟踪行，然后单击指向源文件的链接。文件在编辑器中打开。

配置常见任务

WebStorm支持与许多现成的任务跟踪器集成。但是，如果您使用WebStorm尚不支持的跟踪器，您仍然可以将它们集成在一起，以配置所谓的通用。

本教程介绍了如何:

作为通用连接到JIRA云。

获取分配给您的问题列表。

对于每个问题，获取其ID、标题、描述、创建和更新日期和时间。

在开始使用跟踪器配置连接之前，请注意网络风暴:

仅支持REST API服务。

支持基本的HTTP身份验证或向发送初步请求。

支持获取和发布请求。

响应中不支持分页。

指定l和凭据

1.在设置/首选项对话框中，Ctrl+Alt+S，转到工具|任务|。

2.单击+选择常规。

3.在常规选项卡上，指定任务跟踪器的L和连接凭据。

在用户名字段中，输入您的电子邮件地址。

在密码字段中，输入您的亚特兰蒂斯应用编程接口令牌。

4.选择对话框底部的“使用HTTP身份验证”复选框。

设置

1.切换到“配置”选项卡。

请注意，登录字段将被禁用，因为您正在使用HTTP身份验证。

2.在“任务列表L”中，输入用于获取问题的L。您可以使用变量或输入完整的l:

{ Url }/rest/API/2/搜索或https://url.atlassian.net/rest/api/2/search

{Url}是在指定的l中代表您的变量常规选项卡。

3.威尔？jql={JQL_Query}表达式被添加到任务列表L: {URL}/rest/API/2/search？jql = {JQL_Query} .

您可以在登录列表、任务列表和单个任务列表字段中使用代码完成功能。

4.单击对话框底部的管理模板变量来配置JQL查询变量。

5.单击+，在新字段中，指定变量名JQL _查询，并添加其值受理人=当前用户()和分辨率=未解析。

这将使您能够获得分配给您的未解决问题。

6.单击确定。

默认情况下，在L字段中指定的所有变量(除了{Url})都使用编码应用程序/x-www-form-urlencoded。

配置响应类型并指定选择器

1.在“cONfiguration”对话框中，选择on响应类型。

2.在表中指定一个选择器，以获取标识、问题的标题及其描述。您还可以获得创建和更新问题的日期和时间:

任务:$。问题标识:关键摘要:字段。摘要描述:字段。描述选项更新:字段。更新创建:字段。对于JIRA，您可以实时响应。用链接中的实际值替换占位符，在浏览器中打开:http://:/rest/API/2/search。

3.单击测试以确保所有参数配置正确。

从上传问题

1.单击任务组合并选择打开任务。WebStorm将从加载所有与您的配置相匹配的问题。

2.从列表中选择必要的问题。

3.按Ctrl+Q打开问题描述，确保获得所有必要的细节。

PSI查看器

使用PSI查看器，您可以探索源代码的内部结构，因为它是由WebStorm解释的。

启用PSI查看器

1.从“帮助”菜单中选择“编辑自定义种类”，或在欢迎屏幕上单击“配置”，然后选择“编辑自定义种类”。

WebStorm在配置目录中创建一个空的idea.pperties文件，并在新的编辑器选项卡中打开它。从配置平台种类中了解更多信息。

2.在idea.pperties文件中，键入idea.is.internal=true。

3.重新启动WebStorm。

检查源代码的PSI结构。

1.从工具菜单中，选择查看PSI结构。

2.在“PSI查看器”对话框中，在“文本”区域键入或粘贴要分析的源代码片段，选择文件类型，并指定其他选项。

从“显示PSI结构为”列表中选择要浏览的文件类型或语言结构。可识别的文件类型取决于支持的语言和安装的插件。

选中显示空白复选框以显示空白对应于源代码中的空白的节点。

在文本窗格中，输入要浏览的源代码。手动键入文本或从剪贴板粘贴文本。如果您已经从编辑器中复制了一些文本并打开了PSI查看器，文本窗格的先前内容将被选中，这允许您使用Ctrl+V或用剪贴板中的Ctrl+Shift+V覆盖它。

输入代码时，可以按删除插入符号处的行，使用Ctrl+Y复制文本Ctrl+D，使用Shift+Enter添加行。

3.单击“构建防扩散安全倡议树”生成防扩散安全倡议结构树视图，并在防扩散安全倡议结构窗格中预览生成的防扩散安全倡议树。

如果在文本窗格中修改源代码，请单击“构建PSI树”以刷新树视图。

在树视图中导航时，相应的源代码片段会在文本窗格中突出显示。如果当前选定的树节点有引用，它们也将显示在“引用”窗格中。

“引用”只读字段显示对“防扩散安全倡议结构”树视图节点的引用(如果有)。

未解析的引用以红色显示；源代码的相应片段也以红色框突出显示。