Webstorm下载、免费安装教程及插件推荐

已于 2024-09-02 13:06:18 修改
阅读量637 收藏 3
点赞数 11
分类专栏： 前端开发准备工作 文章标签： webstorm 前端
于 2024-09-02 11:43:11 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_58096041/article/details/141815816
版权

请先卸载及清空已下载的Webstorm程序以及记录。

下载

官网地址： https://www.jetbrains.com/webstorm/download/#section=windows

在这里插入图片描述

可直接点击Download, 但不推荐，因为最新版本的可能会出现问题。建议选择最新版本的前1-2个版本进行下载破解。

在这里插入图片描述

安装

1、双击下载好的 .exe 程序

在这里插入图片描述

2、选择安装路径

在这里插入图片描述

3、选择安装选项

在这里插入图片描述

4、快捷方式

在这里插入图片描述

5、安装成功

在这里插入图片描述

在这里插入图片描述

补丁程序

1、下载地址

# 百度网盘 (分享地址访问人数只能设置1-10人, 提取完了@我)
链接：https://pan.baidu.com/s/1iHy2KoPF1bzhFqp4HXFpWw 
提取码：x2t9

2、解压

将下载地址好的文件解压后，随便找一个文件夹存下来，文件路径不能携带中文，并且此文件夹不能卸载，不能移动。这里我放在了Webstorm的同级目录。

在这里插入图片描述

3、清除以前的记录

先进入下载好的破解程序对应的文件夹 jetbra\scripts。

分情况运行以下脚本，all-users是此电脑所有用户的记录。

在这里插入图片描述

4、运行补丁

在这里插入图片描述

运行程序后，会出现两个弹框

  • 提示你这个过程需要时间（大概5-20秒）

在这里插入图片描述

  • 程序运行成功
    在这里插入图片描述

激活

1、打开Webstorm软件，选择 Activation code 选项 ，以激活码激活软件。

若第一次打开Webstorm出现的不是下图画面，则关闭窗口重新打开即可。

在这里插入图片描述

2、在输入框内填入激活码

最新激活码获取地址：https://3.jetbra.in/ 。点进去随便选择一个能点击的链接, 跳转页面后即可看到到所有的jet程序破解码。

在这里插入图片描述

下方示例激活码是可用的。

8R927DG13X-eyJsaWNlbnNlSWQiOiI4UjkyN0RHMTNYIiwibGljZW5zZWVOYW1lIjoic2lnbnVwIHNjb290ZXIiLCJhc3NpZ25lZU5hbWUiOiIiLCJhc3NpZ25lZUVtYWlsIjoiIiwibGljZW5zZVJlc3RyaWN0aW9uIjoiIiwiY2hlY2tDb25jdXJyZW50VXNlIjpmYWxzZSwicHJvZHVjdHMiOlt7ImNvZGUiOiJQU0kiLCJmYWxsYmFja0RhdGUiOiIyMDI1LTA4LTAxIiwicGFpZFVwVG8iOiIyMDI1LTA4LTAxIiwiZXh0ZW5kZWQiOnRydWV9LHsiY29kZSI6IldTIiwiZmFsbGJhY2tEYXRlIjoiMjAyNS0wOC0wMSIsInBhaWRVcFRvIjoiMjAyNS0wOC0wMSIsImV4dGVuZGVkIjpmYWxzZX0seyJjb2RlIjoiUFdTIiwiZmFsbGJhY2tEYXRlIjoiMjAyNS0wOC0wMSIsInBhaWRVcFRvIjoiMjAyNS0wOC0wMSIsImV4dGVuZGVkIjp0cnVlfSx7ImNvZGUiOiJQQ1dNUCIsImZhbGxiYWNrRGF0ZSI6IjIwMjUtMDgtMDEiLCJwYWlkVXBUbyI6IjIwMjUtMDgtMDEiLCJleHRlbmRlZCI6dHJ1ZX1dLCJtZXRhZGF0YSI6IjAxMjAyMjA5MDJQU0FOMDAwMDA1IiwiaGFzaCI6IlRSSUFMOjIwMTEzMjMwMjYiLCJncmFjZVBlcmlvZERheXMiOjcsImF1dG9Qcm9sb25nYXRlZCI6ZmFsc2UsImlzQXV0b1Byb2xvbmdhdGVkIjpmYWxzZX0=-Jev3eIT6wPDh59rzeBG67oHD8GcYHifz9+OkIePP3Qo49dGX1DqLTGJgOxSClHrshRzjOktdBYwkwpeTrDMwgeGu+cy0OhzvtQMeh7R3HrEQkhGbNBjfpbW6nq6Mhv8k6Duoiw3XiU434V5iM6DgRN3Yzo8VKxU7Kb4u/SQnPTd+PR64hYJjblVXUzGHZUX4w8RBej3T0EREccs36bfnnPC2X91K/qbvr9C0uY/feHAMpuekMks0v4qApbInpw5O+elLE3l8txlNWhWSC8m/O/S7iydf27hV5mgePM5422Rpvm4dmA2DIQcq7xxdt4X67DmVGMC2yIFiH4hfkqySWg==-MIIETDCCAjSgAwIBAgIBDTANBgkqhkiG9w0BAQsFADAYMRYwFAYDVQQDDA1KZXRQcm9maWxlIENBMB4XDTIwMTAxOTA5MDU1M1oXDTIyMTAyMTA5MDU1M1owHzEdMBsGA1UEAwwUcHJvZDJ5LWZyb20tMjAyMDEwMTkwggEiMA0GCSqGSIb3DQEBAQUAA4IBDwAwggEKAoIBAQCUlaUFc1wf+CfY9wzFWEL2euKQ5nswqb57V8QZG7d7RoR6rwYUIXseTOAFq210oMEe++LCjzKDuqwDfsyhgDNTgZBPAaC4vUU2oy+XR+Fq8nBixWIsH668HeOnRK6RRhsr0rJzRB95aZ3EAPzBuQ2qPaNGm17pAX0Rd6MPRgjp75IWwI9eA6aMEdPQEVN7uyOtM5zSsjoj79Lbu1fjShOnQZuJcsV8tqnayeFkNzv2LTOlofU/Tbx502Ro073gGjoeRzNvrynAP03pL486P3KCAyiNPhDs2z8/COMrxRlZW5mfzo0xsK0dQGNH3UoG/9RVwHG4eS8LFpMTR9oetHZBAgMBAAGjgZkwgZYwCQYDVR0TBAIwADAdBgNVHQ4EFgQUJNoRIpb1hUHAk0foMSNM9MCEAv8wSAYDVR0jBEEwP4AUo562SGdCEjZBvW3gubSgUouX8bOhHKQaMBgxFjAUBgNVBAMMDUpldFByb2ZpbGUgQ0GCCQDSbLGDsoN54TATBgNVHSUEDDAKBggrBgEFBQcDATALBgNVHQ8EBAMCBaAwDQYJKoZIhvcNAQELBQADggIBABqRoNGxAQct9dQUFK8xqhiZaYPd30TlmCmSAaGJ0eBpvkVeqA2jGYhAQRqFiAlFC63JKvWvRZO1iRuWCEfUMkdqQ9VQPXziE/BlsOIgrL6RlJfuFcEZ8TK3syIfIGQZNCxYhLLUuet2HE6LJYPQ5c0jH4kDooRpcVZ4rBxNwddpctUO2te9UU5/FjhioZQsPvd92qOTsV+8Cyl2fvNhNKD1Uu9ff5AkVIQn4JU23ozdB/R5oUlebwaTE6WZNBs+TA/qPj+5/we9NH71WRB0hqUoLI2AKKyiPw++FtN4Su1vsdDlrAzDj9ILjpjJKA1ImuVcG329/WTYIKysZ1CWK3zATg9BeCUPAV1pQy8ToXOq+RSYen6winZ2OO93eyHv2Iw5kbn1dqfBw1BuTE29V2FJKicJSu8iEOpfoafwJISXmz1wnnWL3V/0NxTulfWsXugOoLfv0ZIBP1xH9kmf22jjQ2JiHhQZP7ZDsreRrOeIQ/c4yR8IQvMLfC0WKQqrHu5ZzXTH4NO3CwGWSlTY74kE91zXB5mwWAx1jig+UXYc2w4RkVhy0//lOmVya/PEepuuTTI4+UJwC7qbVlh5zfhj8oTNUXgN0AOc+Q0/WFPl1aw5VV/VrO8FCoB15lFVlpKaQ1Yh+DVU8ke+rt9Th0BCHXe0uZOEmH0nOnH/0onD

3、激活成功。不要在意到期时间，到期也能继续用。

在这里插入图片描述

关闭自动更新

需要关闭Websotrm的自动更新。

打开Websotrm，打开设置面板，执行以下操作后，点击 Apply, OK

在这里插入图片描述

常用快捷键

功能快捷键
跳转 函数 / 变量 定义处Ctrl + B 或 Ctrl + 鼠标左键
打开/关闭 终端Alt + F12
简要设置面板Ctrl + ~
全局查找替換Ctrl + Shift + R
跳转到指定行Ctrl + G
选中多处Alt + 鼠标左键（单机或长按选择）
复制当前行Ctrl + D
撤销Ctrl + Y（第一次用会出现弹框，让你选择这个快捷键的功能，选择 Redo ）
块注释Ctrl + Shift + /
删除此行内容到最左侧Ctrl + Backspace
最近打开的文件Ctrl + E
整理当前文件的importAlt + Shift + O

在这里插入图片描述

插件推荐

  • Chinese (Simplified) Language Pack
    • 简体字汉化包
  • Path Autocomplete
    • 文件引入路径自动补全
  • .env files support
    • 支持.env环境变量配置文件
  • Key Promoter X
    • 在你执行一些有快捷键的操作时，会在右下角提示你，并统计此操作使用次数
  • Nginx Configuration
    • nginx文件语法高亮
  • .ignore
    • 基本支持所有的 .xxignore 文件语法高亮
  • GitTollBox
    • git工具扩展（Webstorm有自带的）
  • Import Cose
    • 显示引入包的体积大小
  • VSCode Theme
    • VsCode的主题配置，通过快捷键 Ctrl + ~弹出面板，选择Theme选项，随后鼠标移入选项，即可预览指定的主题样式

代码片段

在这里插入图片描述

设置在哪种类型文件种生效
在这里插入图片描述

黑面前端小书生
关注
  • 11
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Webstorm2017上SVN插件安装的方法步骤
09-30
在Webstorm2017中使用SVN作为版本控制工具需要安装一个专门的插件，下面详细介绍一下如何在Webstorm2017中安装SVN插件的步骤和相关知识点。 首先，要确保Webstorm2017已经正确安装在你的计算机上。之后，接下来的...
WebStorm_2019汉化包及使用教程.zip
08-04
1. 下载汉化包：在获取到“WebStorm_2019汉化包及使用教程.zip”后，我们需要将其解压。这个压缩包内包含了汉化文件和相关的使用教程，确保了用户能够顺利进行汉化操作。 2. 安装汉化插件：打开WebStorm，进入设置...
webstorm 手动安装外部插件下载安装
apple_51417798的博客
04-09 2787
插件下载地址：https://plugins.jetbrains.com。官网安装插件教程：https://www.jetbrains.com
WebStorm安装教程
qi341500的博客
06-25 1万+
WebStorm安装教程
WebStorm的必装插件（2024版）
AGW.的博客
03-10 5344
WebStrom真的很牛！
WebStorm 2019下载和安装教程（已测有用）
歲月的孤獨
07-26 5万+
最新WebStorm 2019破解版下载以及汉化和安装教程（已测有用） WebStorm2019是一款功能强大的开发工具，这款强大的web前端开发神器使用为用户提供 了完善的开发必备功能和工具，让大家以更加轻松快捷的方式进行开发编辑操作，WebStorm为您提供JavaScript和编译到JavaScript语言，Node.js，HTML和CSS的智能编码帮助。享受代码完成，强大的导航功能，动态错...
WebStorm-2021安装教程
热门推荐
xudali_1012的博客
06-03 5万+
下载 直接到官网下载。 安装 1.找到下载的exe，右键以管理员身份运行，next 2.选择安装位置，next 3.勾选如图，next，install 4.finish 桌面出现快捷方式图标，至此，webstorm的安装已经完成。 激活 1.找到桌面快捷方式图标，右键，以管理员身份运行，，如下图，ok 2.选择激活码方式激活 3.打开网址，这个网址里面有最新的激活码（ps：笔者也是四处搜寻，然后找到的，至于后面有没有，个人概不负责）。 复制激活码，active，continue 4.激活
WebStorm 安装使用教程
IT_TERRY的博客
03-13 662
评论区留言 或直接加qq 1550199748。
【windows】Webstorm2021安装教程
m0_46275263的博客
11-03 9519
目录一、官网下载1、webstorm网址2、IDE Eval Reset二、安装路径 一、官网下载 1、webstorm网址 webstorm网址： 下载链接 2、IDE Eval Reset IDE Eval Reset：下载链接 二、安装路径 1、打开webstorm -> 一直运行next下一步： 2、最好选择除C盘以外的文件安装： 3、环境配置 4、将刚才下载好的.zip补丁拖动进去 注意：最好打开一个文件夹，再将补丁拖动进去。 5、脱完后勾选以下选项，以便每次使用自动激活。
webstorm2020 附安装教程
知世爱火锅的博客
11-12 5740
webstorm2020.2是jetbrains公司旗下一款非常专业的JavaScript开发工具，具有强大的功能，其中的智能代码提示和代码结构化有利于提高代码的开发速度，还可以编辑开发JavaScript原原生代码，大大的提高了程序员的开发速度，深受广大程序员喜爱。该软件用户界面美观大方，拥有黑、白和经典三大主题可供用户自由选择，另外，不仅与IntelliJ IDEA同源，还继承了强大的JS部分的功能，能够高效准确地智能感知Angular语法、指令，其最大的特点是支持一系列的最新技术，例如Node.js、
WebStorm 安装教程及免费使用或试用的方法
man2017的博客
08-31 378
我可以为您提供一份详细的 WebStorm 安装教程，并介绍一些免费使用或试用的方法。接下来，我会按照步骤指导您如何安装 WebStorm，并介绍一些合法获取 WebStorm 的方式。
WebStorm安装配置方法图文教程
10-14
本篇教程将详细介绍WebStorm的安装配置方法，适合初学者和有一定经验的开发者参考。 一、WebStorm简介 WebStorm是一款专门针对JavaScript、HTML5和CSS开发的集成开发环境（IDE），它提供了诸如代码高亮、自动完成、...
Bug日记-webstorm运行yarn 命令报错
计算机程序定制、毕业项目
08-15 2079
Bug日记-webstorm运行yarn 命令报错
Window Performance API
Bruce__taotao的博客
08-28 1582
Window Performance API 是一组浏览器提供的接口，用于收集和分析网页性能数据。它允许开发者精确地测量网页加载时间、资源加载时间、用户交互延迟等性能指标，从而优化用户体验。1. 主要接口1.1返回一个高精度时间戳，通常用于计算精确的时间差。例如，你可以用它来测量函数执行时间。使用场景: 精确计算代码段的执行时间。// 执行某个任务console.log(`执行时间:${// 执行某个任务 const end = performance . now();
vue ref和reactive区别
灰海
08-25 6389
在第二个示例中，我们使用了reactive来创建一个名为state的响应式对象，它包含name和age两个属性。在模板中，我们通过{{ state.name }}和{{ state.age }}来显示state对象的属性值。在第一个示例中，我们使用了ref来创建一个名为count的响应式引用，它是一个简单的数字类型。在模板中，我们通过{{ count }}直接显示count的值，而不需要.value前缀，因为Vue的模板语法会自动处理ref的.value访问。
安防视频汇聚平台EasyCVR启动后无法访问登录页面是什么原因？
EasyCVR视频融合云平台的技术博客
08-27 662
以进程方式启动（./easycvr）时，清楚看到此时web端口【9004】被占用。更改端口后，EasyCVR视频汇聚平台可以正常访问了。
vue 通过事件的形式调用全局组件
liux6687的博客
08-29 1570
通过vue.use 挂载组件，然后在vue 原型上添加属性, 再通过调用属性方法传参的形式控制组件。这里我是写了一个文件上传组件。
后端输出二进制数据，前端fetch接受二进制数据，并转化为字符输出
最新发布
cdcdhj的博客
09-01 256
在这个前端代码中，我们使用fetch API请求PHP脚本，并获取二进制数据。然后，我们将ArrayBuffer转换为字符串，以便在JavaScript中使用。在PHP中，你可以将字符串或其他数据类型转换为二进制数据，并通过HTTP响应发送给前端。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值