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

前端小书生
819 阅读5分钟

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

下载

官网地址： www.jetbrains.com/webstorm/do…

download.png

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

download-2.png

安装

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

install-1.png

2、选择安装路径

install-2.png

3、选择安装选项

install-3.png

4、快捷方式

install-4.png

5、安装成功

install-5.png

install-6.png

补丁程序

1、下载地址

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

2、解压

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

p-1.png

3、清除以前的记录

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

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

p-2.png

4、运行补丁

p-2-2.png

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

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

p-s.png

  • 程序运行成功

p-done.png

打开Webstorm

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

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

p-3.png

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

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

p-4.png

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

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、激活成功。不要在意到期时间，能继续用。

p-5.png

关闭自动更新

需要关闭Websotrm的自动更新。

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

p-6.png

常用快捷键

功能快捷键
跳转 函数 / 变量 定义处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

keymap-1.png

插件推荐

  • 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选项，随后鼠标移入选项，即可预览指定的主题样式

代码片段

snippets.png

设置在哪种类型文件种生效

snippets-2.png

avatar
文章
阅读
粉丝