热门排行
简介
Webstorm2023是一款非常优秀的电脑编程开发软件。WebStorm2023最新版是专业HTML5编辑器,智能的JavaScript IDE调试器JavaScript开发者工具,被JS开发者誉为Web前端开发神器,免费下载。
安装教程参考:webstorm2020.2.1 永久版(附安装教程)
安装教程
第一步: 下载最新的 Webstorm 2023.1.2 版本安装包
我们先从 Webstorm 官网下载 Webstorm 2023.1.2 版本的安装包,官网链接如下:
https://www.jetbrains.com/webstorm/download
点击download下载,静心等待其下载完毕即可。
第二步: 开始安装 Webstorm 2023.1.2 版本
2.安装目录默认为 C:\Program Files\JetBrains\WebStorm 2023.1.2, 这里我选的是D盘
3.勾选create desktop shortcut 下的WebStorm,创建桌面快捷方式,方便后续打开 Webstorm,勾选后点击Next
4.点击 Install ,开始安装
5.安装完成后,勾选 Run Webstorm,点击 Finish 运行软件
Webstorm 运行成功后,会弹出下面的对话框,提示我们需要先登录 JetBrains 账户才能使用,这里我们先不管,右下角点击 Exit 退出,准备开始引入免费补丁。
第三步:清空 Webstorm 以前使用过的免费方式【非常重要】
开始免费前,如果你之前免费过老版本的 Webstorm,可能做过以下几种操作,则需要恢复原样,如果没有,直接跳过看下面步骤即可。
1、动过 hosts 文件,添加的配置需要删除
手动为 Webstorm 修改过 hosts 文件,那么添加的配置,记得要删除;
2、引用过其他的免费补丁,或者执行过安装脚本
1. 引用过的补丁也要移除掉等, 不然可能会与本文提供的补丁有冲突,出现各种奇奇怪怪的问题。
2. 之前版本中, 我提供过通过安装脚本来引用补丁,如果你有使用过,脚本会添加相关环境变量,这些环境变量也需要清空,查看脚本文件夹,执行 uninstall-* 脚本即可。
第四步:安装补丁
补丁下载成功后,记得先解压, 解压后的目录如下, 本文后面所需补丁都在下面标注的这个文件夹中:
点击【方式3】文件夹 , 进入到文件夹 /jetbra,目录如下:
第五步:开始
Windows 系统
将上面图示的补丁的所属文件夹 /jetbra 复制电脑某个位置,我这里放置到了 D:/ 盘根目录下:
注意: 补丁所属文件夹需单独存放,且放置的路径不要有中文与空格,以免 IDEA 读取补丁错误。
放置到D盘后,点击进入 /jetbra 补丁目录,再点击进入 /scripts 文件夹,双击执行 install-current-user.vbs 免费脚本:
注意:如果执行脚本被安全软件提示有风险拦截,允许执行即可。
免费脚本执行后会提示安装补丁需要等待数秒,点击【确定】按钮后,过程大概 10 - 30 秒,如看到弹框提示 Done 时,表示免费免费成功:
Mac / Linux 系统
Mac / Linux 系统与上面 Windows 系统一样,需将补丁所属文件 /jetbra 复制到某个路径,且路径不能包含空格与中文。
之后,打开终端,进入到 /jetbra/scripts 文件夹, 执行 install.sh 脚本, 命令如下:
sudo bash install.sh
看到提示 Done , 表示免费成功。
Mac/Linux 系统执行免费补丁成功后,提示 Done
部分小伙伴 Mac/Linux 系统执行脚本遇到如下错误:
Mac 执行免费脚本报错
解决方法:
可先执行如下命令,再执行脚本:
export LC_COLLATE='C'export LC_CTYPE='C'
重启 Webstorm
配置完成后保存,一定要重启 Webstorm !!!
配置完成后保存,一定要重启 Webstorm !!!
第六步:重新打开 Webstorm, 填入指定免费码完成免费
重新打开 Webstorm,填入下面的免费码,点击免费即可。
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
复制免费码后填入,点击 Activate 按钮完成免费:
PS: 有部分小伙伴反应,重启 Webstorm 填入免费码依然无法免费运行,重启系统才行,如果有小伙伴遇到这种情况,不妨试试看~
点击免费后,就可以看到免费成功辣,又可以开心的 coding 了~:
【功能特点】
1、智能的代码补全
支持不同浏览器的提示,还包括所有用户自定义的函数。
代码补全包含了所有流行的库,比如:JQuery, YUI, Dojo, Prototype, Mootools and Bindows。
2、代码格式化
代码不仅可以格式化,而且所有规则都可以自己来定义
3、html提示
大家经常在js代码中编写html代码,一般来说十分痛苦,不过有了智能提示,就爽多了。而且html里面还能有js提示。
4、联想查询
只需要按着Ctrl键点击函数或者变量等,就能直接跳转到定义;可以全代码导航和用法查询项目查找函数或者变量,还可以查找使用并高亮。
5、代码重构
这个操作有些像Resharper,熟悉Resharper的用户应该上手很快,webstorm支持的有重命名、提取变量/函数、内联变量/函数、移动/复制、安全删除等等。
6、代码检查和快速修复
可以快速找到代码中的错误或者需要优化的地方,并给出修改意见,快速修复。
7、代码调试
支持代码调试,界面和IDEA相似,非常方便。
8、代码结构浏览
可以快速浏览和定位
9、代码折叠
功能虽小,不过胜在方便高效
10、包裹或者去掉外围代码
自动提示包裹或者去掉外围代码,一键搞定。
【常用快捷键】
1、Tab:自动补全
2、复制当前行:Ctrl+D
3、删除当前行:Ctrl+Y
4、注释或者取消当前注释:Ctrl+/
5、注释或者取消多行注释:Ctrl+Shift+/
6、同时编辑:Alt
按住Alt键,选中多个,可以同时进行编辑
7、包含关系: >
注意:必须具有包含关系才能用>操作
8、新建多个:*
注意:通常与>搭配使用
9.定位行号:Ctrl+G
【软件亮点】
WebStorm 2023具有许多实用的功能,比如代码提示、语法高亮、重构、调试和测试等。它还具有强大的代码编辑功能,支持智能代码完成和代码导航等功能,以及代码片段和模板等快捷操作。此外,它还可以与许多流行工具和框架进行集成。
WebStorm 2023还支持自定义快捷键和工作空间,便于用户进行自由的配置和操作。其内置的控制台可以让用户方便地查看程序运行状态,以及快速定位和解决问题。
该软件还具有良好的扩展性,支持插件、插件中心、外部工具和构建系统等。用户可以通过外部插件扩展WebStorm的功能,以满足其特定的需求。同时,WebStorm支持一系列流行工具和机制集成,如JavaScript模块管理器、调试器、AngularJS等。