JetBrains WebStorm2020.1中文破解版

　　WebStorm2020.1破解版提供编程功能，可以帮助用户在电脑上快速设计新的应用程序，只要你会编程就可以通过这款软件编辑代码，软件提供多种开发语言，为您提供JavaScript和编译为JavaScript语言、 Node.js、HTML和CSS的智能代码辅助，帮助设计师提高代码编辑效率，降低开发周期，为用户提供更丰富的IDE功能，适合需要开发新应用程序的朋友使用，这里小编推荐的是WebStorm2020破解版，新版提供更优美的外观，新的默认编辑器字体、更具实用性的快速文档、用于专注编码的Zen模式，提供Vuex和Composition API支持，通过对Vuex库和Vue3中的Composition API的开箱即用支持，您可以更加顺畅地构建出色的Vue.js 应用程序。

软件功能

　　1、智能代码辅助功能

　　WebStorm为您提供JavaScript和编译为JavaScript语言、 Node.js、HTML和CSS的智能代码辅助。 享受代码补全、强大的 导航功能、动态错误检测以及所有这些 语言的重构。

　　2、现代框架

　　WebStorm 为 Angular、 React、Vue.js 和 Meteor 提供先进的代码辅助。 享受对以React Native、PhoneGap、Cordova和 Ionic进行移动开发和以Node.js进行服务器端开发的支持。 一个 IDE 一应俱全！

　　3、智能编辑器

　　该IDE分析您的项目，从而为所有支持的语言 提供最佳代码补全结果。 几百种内置检查，可以在您输入时 报告任何可能的问题，并提供快速修复选项。

　　4、导航和搜索

　　WebStorm可以帮助您在处理大型项目时提高编码效率，并节省时间。 只需点击一次或搜索用法，即可跳到方法、函数或变量定义。

　　5、调试、跟踪和测试

　　WebStorm提供强大的内置工具进行调试、测试和跟踪 您的客户端和Node.js应用程序。 只需很少配置和精心 集成到IDE中，WebStorm使这些任务变得更加轻松。

　　6、调试

　　WebStorm提供内置调试器，可用于您的客户端代码（适用于 Chrome）和Node.js应用。 放置断点、逐步执行代码和评估 表达式 – 一切都无需离开IDE。

　　7、测试

　　因为WebStorm集成了Karma测试 运行器、Mocha、Jest和Protractor，因此可以轻松执行测试。 直接在IDE中运行和调试测试，以方便的可视格式 查看结果，然后导航到测试代码。

　　8、跟踪和性能分析

　　WebStorm内置了spy-js工具，帮助您跟踪 JavaScript代码。 探索文件如何与函数调用相关联，并且高效 识别任何可能的瓶颈。

新版特色

　　1、新的默认编辑器字体

　　在过去的一年中，我们开发了一种字体，使您可以更舒适地编码，而眼睛不会过多疲劳。 请热烈欢迎 JetBrains Mono – 一种专为开发人员设计的新型开源字体。 WebStorm 2020.1 随附此默认选择的新字体。

　　2、免打扰编码

　　我们添加了新的 Zen 查看模式，以帮助您完全专注于编码。 每当您要在源代码居中且 UI 元素隐藏的全屏编辑器中工作以减少干扰时，都可以使用它。

　　3、悬停以快速显示文档

　　您不必再显式调用文档弹出窗口。 现在，当您将鼠标悬停在符号上时，它就会显示出来，因此您可以更快地找到相关文档。 如果您的代码有问题，弹出窗口还将提供一个快速修复程序，可用于解决该问题。

　　4、使用 IDE 进行快速编辑

　　是否曾经想使用 IDE 来快速编辑文件？ 使用新的 LightEdit 模式，您可以在文本编辑器窗口中打开单个文件，而不必加载整个项目。

　　5、自定义状态栏

　　如果您没有隐藏状态栏并经常使用它，则现在可以确定要在其上看到的内容。 右键单击状态栏，然后删除不需要的元素。

　　6、使用 Composition API

　　在 WebStorm 2020.1 中，您将找到对使用 Vue 3 中的 Composition API 定义组件的支持。 在组件的模板部分，IDE 将正确解析和自动完成从组件的 setup（） 函数返回的符号，包括属性在反应状态、计算属性和 refs。

　　7、Vuex 的编码辅助

　　如果您正在使用 Vuex 库，则现在在编辑 Vue 组件时会从 Vuex 存储中获得符号的补全建议。 另外，WebStorm 将使您跳到 getter、突变和操作的定义。

　　8、Angular 9 的全面支持

　　为了帮助您使用 Ivy 和其他 Angular 9 功能，我们在 WebStorm 2020.1 中添加了对它们的全面支持。您无需配置即可在 TypeScript 和模板文件中使用代码补全和自动导入等功能。

　　9、改进的 React 支持

　　通过将脱字符号放在组件上并按 Alt + Enter，为通过 React.memo 定义的组件添加导入语句。 如果您在项目中使用 Material-UI 组件，现在在创建样式时会看到补全建议。

安装方法

　　1、下载软件以后点击WebStorm-2020.1.exe启动安装

　　2、提示软件的安装地址C:\Program Files\JetBrains\WebStorm 2020.1

　　3、显示快捷方式设置，勾选64位的运行快捷方式

　　4、提示开始菜单名字设置，默认JetBrains

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

　　6、JetBrains WebStorm2020已经安装结束，点击完成启动软件

破解方法

　　1、打开JetBrains WebStorm2020软件显示引导内容，点击OK

　　2、提示软件界面风格设置，两种模式，点击Skip Remaining and Set Defaults跳过

　　3、提示激活功能，选择Evaluate for free， Evaluate

　　4、如图所示，找到你下载的补丁jetbrains-agent-latest.zip，拖动到软件界面就可以弹出安装

　　5、点击Restart重启软件 安装破解补丁

　　6、选择为WebStorm安装，点击是，安装结束会重启软件

　　7、现在软件激活成功，将软件关闭

　　8、将汉化包resources_zh_CN_WebStorm_2020_r1.jar复制到安装地址下“lib”文件夹

　　9、打开软件，软件界面显示中文，您可以创建一个项目或者是打开一个项目

　　10、这里是项目选址功能，在软件界面选择自己需要新建的项目，设置项目保存地址

　　11、进入jetbrains WebStorm 2020软件界面就可以开始编辑代码

　　12、可以看到软件已经激活完毕，现在软件就是免费的

官方教程

　　运行应用程序

　　WebStorm允许运行整个应用程序以及特定的脚本。

　　WebStorm使用在“运行/调试配置”中定义的 设置。项目中存在的所有运行配置在“ 选择运行/调试配置”列表中可用。从使用运行/调试配置中了解更多信息。

　　如果要查看所有当前正在运行的应用程序的列表，请选择 “运行” |“运行”。从主菜单显示运行列表。

　　请注意，在开始运行会话之后， 标记“ 运行”工具窗口的图标和“运行/调试配置选择器”中的 图标切换为指示运行过程处于活动状态。

　　如果在“运行/调试”配置中启用了运行前启动工具的选项 ，则WebStorm会运行这些工具，并在成功后运行该应用程序。否则，程序将立即启动。

　　运行一个应用程序

　　在装订线中，单击运行，然后选择所需的命令。

　　在主工具栏上，选择所需的运行配置，然后执行以下操作之一：

　　选择运行| 从主菜单运行“选定的配置”。

　　点击运行。

　　按Shift+F10。

　　按Shift+Alt+F10，从列表中选择所需的运行配置，然后按Enter。

　　F9当您不运行任何调试会话时，还可以通过按来快速访问此弹出菜单。

　　在此弹出菜单中，您还可以：

　　调用“ 编辑配置”对话框。

　　启动前编辑所选的配置F4。

　　立即删除配置Delete。

　　从运行切换到调试，反之亦然（按住 Shift ）。

　　访问先前选择的配置1。

　　访问上下文相关的配置（2或 3）。

　　如果要查看所有当前正在运行的应用程序的列表，请选择 “运行” |“运行”。从主菜单显示运行列表。

　　使用任何运行

　　使用Run Anything，您可以快速启动运行配置，npm和yarn脚本，以及打开最近的项目。

　　按 Ctrl 两次或单击 导航栏。将打开“ 运行任何东西”弹出窗口。

　　开始输入要启动的配置的名称。键入时，WebStorm将显示匹配的配置。从列表中选择所需的一个，然后按Enter。

　　运行任何东西 也是运行npm或yarn脚本并重新打开最近项目的快速方法。

　　要查找npm或yarn脚本，请键入 run，请参阅运行npm和yarn脚本。

　　要打开项目，请键入open，请参阅打开，重新打开和关闭项目。

　　要查看所有可用命令，请键入?。

　　审查结果

　　您可以在“ 运行”窗口控制台中查看正在运行的应用程序的任何输出。每个应用程序的输出显示在“ 运行工具”窗口的其自己的选项卡中，并以相应的运行/调试配置命名。

　　如果重新运行应用程序，则新的输出将覆盖选项卡的内容。要保留应用程序的输出，即使您重新运行它，也请固定输出选项卡。

　　编辑package.json

　　WebStorm可帮助您处理package.json文件中的项目依赖项，并提供广泛的编码帮助：

　　程序包名称的代码完成。

　　有关最新可用软件包版本的信息。

　　有关可以通过npm install @ 或安装的版本范围的信息yarn add @。`请注意，运行npm install或yarn install将安装该范围内的最新可用版本。

　　按下Ctrl并将鼠标悬停在版本上，以查看工具提示中的信息。有关语义版本控制的详细信息，请参见npm官方文档。

　　先前软件包版本的代码完成。当您按Ctrl+Space或开始键入与最新版本不同的版本时，WebStorm会显示包含该软件包所有以前版本的建议列表。

　　快速查找包装文件。

　　当您从或语句调用文档查找时， WebStorm还会显示npm软件包的自述文件。 requireimport从package.json文件安装依赖项

　　在编辑器中打开相关的package.json文件，或者在“ 项目”工具窗口中选择它，然后从上下文菜单中选择“运行'npm install”。

　　在弹出窗口中单击运行“ npm install”：

　　当尚未安装依赖项或更改依赖项时，WebStorm会显示此弹出窗口。如果关闭弹出窗口或通过选择“不再询问”将其关闭，您仍然可以使用“ 运行'npm install'”操作或在内置终端中安装依赖项。

　　如果您不小心关闭了此通知，现在想找回它，请按Ctrl+Shift+A，开始输入Enable notifications，然后从列表中选择启用package.json中有关安装依赖项的通知。

　　更新您的项目依赖项

　　在弹出窗口中 单击“运行'npm install'”或“运行'yarn install”。

　　每次您打开项目，从版本控件中更新项目或编辑package.json时，WebStorm都会显示此弹出窗口。

　　WebStorm还运行检查以检查来自dependencies或devDependencies已安装的软件包以及它们的版本是否与指定范围相匹配。

　　如果检查发现不匹配，则建议快速修复。要应用它，请按Alt+Enter 并从列表中选择运行'npm install'或运行'yarn install'：

　　运行和调试脚本

　　您可以根据专用运行配置，从编辑器中的package.json文件，专用npm工具窗口中的脚本树中的脚本树启动npm或Yarn脚本，也可以自动将其作为启动或启动前任务。

　　脚本执行的结果显示在“ 运行工具”窗口中。 工具窗口显示npm或Yarn脚本输出，报告发生的错误，列出未找到的软件包或插件，等等。最后执行的脚本的名称显示在工具窗口的标题栏上。

　　在脚本调试会话期间，WebStorm将打开“ 调试工具”窗口 ，您可以在其中 逐步执行程序， 停止并继续 执行程序， 在挂起时进行检查， 查看实际的HTML DOM等

　　启用调试脚本

　　$NODE_DEBUG_OPTION在package.json文件的定义中 添加，例如：

　　从package.json运行和调试脚本

　　WebStorm使您可以从package.json文件中快速启动单个脚本。要运行或调试几个脚本，请使用运行配置或npm工具窗口。

　　在编辑器中打开package.json文件，单击脚本旁边的装订线，然后从上下文菜单中选择“运行<脚本名称>”或“ 调试<脚本名称> ”。

　　您也可以按来运行脚本Ctrl+Shift+F10。

　　从npm工具窗口运行和调试脚本

　　在“ 项目”工具窗口中 选择package.json文件或在编辑器中打开文件，然后从上下文菜单中选择“ 显示npm脚本”时，将打开工具窗口。 一旦调用npm或Yarn，它就会开始构建在调用它scripts的package.json文件的属性内定义的脚本树。如果项目中有几个package.json文件，则可以为每个文件构建一个单独的脚本树并运行脚本，而无需删除先前构建的树。每个树显示在单独的节点下。

　　打开npm工具窗口（如果尚未打开）

　　在“ 项目”工具窗口中 选择所需的package.json文件，或在编辑器中将其打开，然后从上下文菜单中选择“ 显示npm脚本 ”。将打开npm工具窗口，其中显示了根据所选或打开的package.json文件构建的脚本树。 在已经打开的npm工具窗口中构建脚本树

　　在npm工具窗口中，单击工具栏上的+，然后从列表中选择所需的package.json文件。默认情况下，WebStorm 在项目的根目录中显示package.json文件。

　　如果还有另一个package.json文件，请单击“选择package.json”，然后在打开的对话框中选择所需的package.json文件。WebStorm 在其标题上添加一个带有所选package.json文件路径的新节点，并在该新节点下构建脚本树。

　　重建一棵树

　　切换到所需的节点，然后单击工具栏上的。

　　按名称对树中的脚本进行排序

　　点击工具栏上的选项， 从菜单中选择排序依据，然后选择名称。

　　默认情况下，一棵树以在package.json中定义脚本的顺序显示脚本 （选项Definition order）。

　　运行一个脚本

　　双击脚本。

　　在树中选择脚本，然后按Enter 或从上下文菜单中选择“运行<脚本名称> ”。

　　调试一个脚本

　　在树中选择脚本，然后从上下文菜单中选择“ 调试<脚本名称> ”。

　　运行或调试几个脚本

　　使用多选模式：按住Shift（对于相邻项目）或Ctrl（对于非相邻项目）键并选择所需的脚本，然后从选择的上下文菜单中选择“运行”或“ 调试 ”。

　　通过运行配置运行脚本

　　从编辑器或npm工具窗口运行或调试脚本时，WebStorm会自动创建 临时运行配置。除了使用它们之外，您还可以创建和启动自己的npm运行配置。

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

　　单击工具栏上的+，然后从列表中选择npm。将打开“ 运行/调试配置：npm”对话框。

　　指定要执行的CLI命令，要运行的脚本（使用空格作为分隔符）以及定义这些脚本的package.json文件的位置。（可选）键入用于执行脚本的命令行参数。

　　指定要使用的Node.js解释器。这可以是一个本地的Node.js解释 或在Windows子系统为Linux Node.js的。

　　（可选）指定要传递给Node.js的特定于Node.js的选项参数和环境变量。

　　指定要使用的程序包管理器。如果选择Project别名，WebStorm将使用Node.js页面中的默认项目包管理器。您还可以选择相关的软件包别名（npm或yarn）或为软件包管理器的自定义安装指定显式路径。

　　从工具栏上的列表中选择新创建的运行配置，然后单击确定。输出显示在“ 运行”工具窗口中。

　　使用“任何运行”来运行脚本

　　运行任何东西是启动npm和yarn脚本的快速方法。

　　按Ctrl两次或单击导航栏运行。将打开“ 运行任何东西”弹出窗口。

　　键入npm run或yarn run在搜索领域。键入时，WebStorm将显示匹配的脚本。从列表中选择所需的一个，然后按Enter。

　　“运行任何东西”也是启动应用程序和重新打开最近的项目的快速方法，还可以从“ 运行应用程序” 以及“ 打开，重新打开和关闭项目”中了解更多信息 。

　　要查看所有可用命令，请键入?。

　　启动时自动运行脚本

　　如果您有一些定期运行的脚本，则可以将相应的运行配置添加到启动任务列表中。这些任务将在项目启动时自动执行。

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

　　在打开的“ 启动任务”页面上，单击+工具栏。

　　从列表中，选择所需的npm运行配置。配置已添加到列表中。

　　如果项目中没有适用的配置，请单击+，然后选择编辑配置。然后在打开的“运行/调试配置：NPM”页面上定义具有所需设置的配置。保存新配置后，它将自动添加到启动任务列表中。

　　将脚本作为启动前任务运行

　　通过选择运行| 打开运行/调试配置对话框对话框。从主菜单中编辑配置，然后从列表中选择所需的配置，或者通过单击+并选择相关的运行配置类型来重新创建它。在打开的对话框中，单击+“ 启动前”区域，然后从列表中选择“运行npm脚本 ”。

　　在打开的NPM脚本对话框中，指定npm运行/调试配置设置。