JetBrains WebStorm

JetBrains WebStorm是一款编程软件，您可以在软件上编辑js项目，支持JavaScpt，Node.js，HTML和CSS等项目代码编辑，启动软件就可以查看到软件的项目创建界面，你可以直接使用软件提供的项目模板新建编程方案，可以在软件直接粘贴其他软件复制的代码内容，可以在软件立即运行您的项目，可以测试当前编程的内容是否可以正常运行，软件也支持纠错功能，快速对错误的内容标注，快速查看下一个错误项目！JetBrains WebStorm中文版免费下载是编程开发分类下一款软件，592下载小编推荐JetBrains WebStorm软件下载和使用介绍分享给大家，JetBrains WebStormv2021.1.1该款软件应该会让你眼前一亮!喜欢的话可以来592下载!

相关推荐	软件介绍	下载地址
	Ta是一款开发框架，可以通过这款软件帮助用户设计支付宝、微信小程序，现在很多企业都通过小程序让客户更快办理业务，小程序不需要安装，直接附加到微信等平台上，帮助企业提供微信获取更多用户，如果你需要开发新的软件就可以下载这款Ta框架，该框架支持大部分平台…	点击查看
	Meabase提供数据库管理功能，可以远程连接到MgDB、MySQL、Oacle、PsgeSQL等数据库，Meabase的两个核心概念是问题及其相应的答案，其他所有内容都基于问题和答案，要在软件中提出问题请单击屏幕顶部的“提出问题”按钮就可以在软件编辑问题，当您单击“提出问…	点击查看
	米加Scach3版是特别为作不熟练的人群设计的编程软件。该软件可以为使用者提供入门级别的编程平台，图形化的编程方式，轻松了解编程的乐趣。米加Scach3正式版特色与智能硬件完美融合人工智能时代的到来，米加盒子团队结合Seam教育，基于米加Scach3版集成更多…	点击查看

JetBrains WebStorm新版功能

WebStorm 2021.1的新增功能

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

avaScpt和TypeScpt

ML辅助代码完成

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

更好的符号名称完成建议

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

改进的Doc语法突出

显示为了使Doc注释更具可读，我们实现了一些新选项，用于调整Doc标记值和类型的颜色方案。您可以在 “偏好设置/设置” |“ 编辑器 配色方案| JavaScpt / TypeScpt。

禁止文件

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

框架与技术

内置的远程协作开发服务

现在，WebStorm随Code With Me一起提供， Code With Me是我们用于远程协作开发和结对编程的新服务。您可以使用它进行 实时编码，并 通过IDE与其他人交谈。

在Vue中支持CSS模块

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

HTTP客户端的增强功能

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

ESLint的可配置范围

如果已为.md或.coffee等文件设置了ESLint，则现在可以在编辑器中查看其报告的错误。为此，请将这些文件类型添加到新的 “运行文件”字段中。

支持ON行

WebStorm现在支持ON Lines文本格式。IDE将识别 .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提供了高级编码帮助。享受对React Native，PhoneGap，Cordova和Ionic的支持，以进行移动开发以及使用Node.js在端进行开发。一站式集成开发环境！

智能编辑器

IDE将分析您的项目， 以为所有受支持的语言提供最佳的代码完成结果。数以百计的内置会在您键入内容时报告任何可能的问题，并提出快速修复选项。

导航和搜索

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

JetBrains WebStorm安装方法

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

2、提示软件的安装地址C:Pgram FilesJetBrainsWebStorm 2021.1.1

3、选择您需要安装的版本，选择位，点击next

4、提示软件的开始菜单快捷方式名字

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

6、WebStorm 2021.1.1已经安装完毕，直接启动软件

JetBrains WebStorm中文设置

1、启动软件选择evaluate for free，点击evaluate试用软件

2、进入项目新建界面，在这里创建新的编程项目

3、在左侧选择一个项目类型，设置项目保存地址

4、进入软件以后直接点击Ctrl+ALT+S 打开 Settings -> Plugins ，在软件输入Chinese搜索中文补丁，点击install将其安装

5、提示你是否需要升级，点击accept

6、已经升级汉化补丁，点击restart重启软件

7、重启以后软件界面就是中文

8、现在就可以在熟悉的中文界面编程了

JetBrains WebStorm教程

Shell脚本

WebStorm为外壳程序脚本文件提供编码帮助：完成（包括本地路径），突出显示，快速文档，文本重命名重构等。

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

WebStorm与几个外部工具集成在一起，以增强对Shell脚本的支持：

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

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

Explainshell是一个可以解析任何Shell命令并为每个参数提供帮助文本的网站。可以通过有意作来访问它：按下Alt+Enter并选择Explain shell。

配置被识别为Shell脚本的文件

默认情况下，WebStorm会将具有以下扩展名的文件识别为外壳脚本：.sh，.bash和.zsh。但是，可以将WebStorm配置为将任何文件类型识别为Shell脚本文件（例如，如果要编辑.csh文件）。

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

2、在“认可的文件类型”列表中，选择“ Shell脚本”，在下面的“文件名模式”列表中添加必要的模式。

3、单击确定以应用更改。

运行shell脚本文件

处理shell脚本文件时，可以在装订线中单击以在内置Terminal中运行它。这将创建Shell脚本运行配置（如果该文件尚不存在）并启动它。要为任意文件手动创建Shell脚本运行配置，请执行以：

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

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

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

4、单击“确定”保存运行/调试配置。

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

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

分析外部堆栈跟踪

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

使用WebStorm，您可以复制异常或全线程转储，将其粘贴到Stack Trace Analyzer，浏览，并导航到相应的源代码。

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

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

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

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

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

配置通用任务

WebStorm开箱即用地支持与许多任务跟踪器的集成。但是，如果使用WebStorm尚不支持的跟踪器，则仍可以将其集成在一起，以配置所谓的通用。

本教程描述了如何：

作为通用连接到JIRA Cloud。

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

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

在开始配置与跟踪器的连接之前，请注意WebStorm：

仅支持REST API服务。

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

支持GET和POST请求。

响应中不支持分页。

指定L和凭据

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

2、点击+，选择通用。

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

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

在密码字段中，输入您的Atlassian API令牌。

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

配置设置

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

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

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

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

该{Url}是代表您在指定的L可变常规选项卡。

3、将?jql={JQL_Query}表达式添加到任务列表L：{Url} / rest / api / 2 / search？jql = {JQL_Query}。

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

4、单击对话框底部的“管理模板变量”以配置JQL_Query变量。

5、单击+，在新字段中，指定变量名称JQL_Query并添加其值assignee = currentUser AND resolution = unresolved。

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

6、单击确定。

默认情况下，L字段中指定的所有变量（除外{Url}）均使用编码application/x-www-form-urlencoded。

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

1、在“配置”对话框中，选择ON响应类型。

2、在表中指定选择器以获取ID，问题标题及其描述。您还可以获取创建和更新问题的期和时间：

任务： $.issuesID： key概括： fields.summary描述： fields.descption更新： fields.updated创建： fields.d对于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结构为”列表中，选择要浏览的文件类型或语言结构。识别的文件类型集取决于支持的语言和已安装的插件。

选择显示PsiWhiteSpace复选框以显示PsiWhiteSpace与源代码中的空格相对应的节点。

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

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

3、单击“构建PSI树”以生成PSI结构树视图，并在“ PSI结构”窗格中预览生成的PSI树。

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

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

“引用”只读字段显示对“ PSI结构”树视图的节点的引用（如果有）。

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