2023 年 webstorm 安装教程，快捷键，附详细图解

已于 2023-09-16 22:16:24 修改
阅读量6.7k 收藏 37
点赞数 6
分类专栏： Vue 教程 文章标签： webstorm java 前端
于 2023-05-10 18:27:46 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_77835649/article/details/130607199
版权

文章目录

简介

WebStorm 是JetBrains公司旗下一款JavaScript 开发工具。已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。

安装步骤

WebStorm 的安装其实很简单，大概可以分为 8 步。

1、如果之前装有WebStorm版本, 可以先删卸载, 再重新安装

2、到官网下载WebStorm安装包
https://www.jetbrains.com/zh-cn/webstorm/download/other.html
推荐使用2021.2.2版本, 亲测有效
image

3、双击打开exe程序，点击“Next”
image

4、选择安装位置，点击“Next”
image

5、全选所有选项，点击“Next”
image

6、确认安装界面，点击“Next”
image

7、等待安装
image

8、安装完成，选择何时启动，点击“Finish”
image

  1. 如果想了解怎样授权的话，可以看这篇教程，里面有详细介绍 WebStorm 授权教程

常用快捷键

快捷键说明
Ctrl+/ 或 Ctrl+Shift+/注释（// 或者/…/ ）
Shift+F6重命名
Ctrl+X删除行保存到剪切板
Ctrl+Y删除一行
Shift+Enter重新开始下一行（无论光标在哪个位置）
Ctrl + Shift + Enter重新开始上一行（无论光标在哪个位置）
Ctrl+D复制行
Ctrl+G查找行
Ctrl+Shift+Up/Down代码向上/下移动。
F2 或 Shift+F2高亮错误或警告快速定位
Ctrl+Shift+F7高亮显示选中文本，按Esc高亮消失
Ctrl+B 或 Ctrl+鼠标左键快速打开光标处的类或方法
Ctrl + Alt + B跳转方法实现处
Ctrl + Shift + I打开定义快速查找
Alt + Up/Down跳转到上一个/下一个方法
Ctrl+E最近打开的文件
Alt+F1查找代码所在位置
Ctrl+Alt+L格式化代码
Ctrl+R替换文本
Ctrl+Shift+R指定目录内代码批量替换
Ctrl+Shift+F指定目录内代码批量查找
Ctrl+F查找文本
Ctrl+P方法参数提示
F3查找下一个
Shift+F3查找上一个
Alt+Shift+F将当前文件加入收藏夹
Ctrl+Alt+S打开配置窗口
Ctrl+Shift+N通过文件名快速查找工程内的文件（必记）
Ctrl+Shift+Alt+N通过一个字符快速查找位置（必记）
Shift+Enter重新开始一行（无论光标在哪个位置）
Ctrl + Alt + T用 if, else, try, catch, for 等来围绕选中的代码块
Ctrl + Shift + U切换光标所在位置单词的大小写
Ctrl + Delete删除到单词结束
Ctrl + Backspace删除到单词开始
Ctrl + E弹出最近打开的文件
F11切换书签，就是 sublime text 的F2
Ctrl + Shift + F12切换最大化编辑器
Alt + Shift + F添加至收藏夹
Java老徐
关注
专栏目录
webstorm安装教程详解
qq_45736969的博客
05-16 4891
第一步：下载一个jar包（jar包不要动，切记不要解压），一个webstorm的exe安装包 第二步：双击exe文件，按照步骤提示一直点next（也可以自己换安装路径），除了协议勾选，其他的都可以不勾选，能×的就×掉 第三步：找到改软件的安装路径，一般没改安装路径的话默认： C:\Program Files\JetBrains\WebStorm 2018.2.3\bin 双击webstorm64.exe即可打开软件，（可以创建一个桌面快捷方式）直到出现一下界面（放着别动） 第三步：修改配置文件 将下载
Webstorm常用快捷键
m0_58039950的博客
05-04 1744
Webstorm常用快捷键 ctrl alt t 可以进行环绕 \1. ctrl + shift + n: 打开工程中的文件，目的是打开当前工程下任意目录的文件。 \2. ctrl + j: 输出模板 \3. ctrl + b: 跳到变量申明处 \4. ctrl + alt + T: 围绕包裹代码(包括zencoding的Wrap with Abbreviation) \5. ctrl + []: 匹配 {}[] \6. ctrl + F12: 可以显示当前文件的结构 \7. ctrl + x: 剪切(删
【一文读懂】WebStorm 的安装
2403_86762465的博客
08-28 1232
WebStorm 是 JetBrains 开发的一款专为 JavaScript 和前端开发设计的集成开发环境 (IDE)。使用官方提供的安装程序和步骤来安装 WebStorm 是最简单和可靠的方法。如果您在安装过程中遇到任何问题，可以查阅 JetBrains 的官方文档或寻求在线支持。
WebStorm 安装配置（详细教程）
最新发布
m0_62854966的博客
10-26 1651
WebStorm 是一款由 JetBrains 公司开发的专业集成开发环境（IDE），主要用于 Web 开发，在前端和后端开发领域都备受青睐。
WebStorm 安装教程及免费使用或试用的方法
man2017的博客
08-31 910
我可以为您提供一份详细的 WebStorm 安装教程，并介绍一些免费使用或试用的方法。接下来，我会按照步骤指导您如何安装 WebStorm，并介绍一些合法获取 WebStorm 的方式。
WebStorm安装教程
xxue345678的博客
08-16 2093
介绍WebStorm是一款由JetBrains开发的智能化的JavaScript IDE。它支持多种前端框架，包括React、Angular和Vue.js等，并具有强大的代码自动完成、语法高亮、调试和版本控制等功能，可帮助开发人员快速、高效地开发Web应用程序。同时，WebStorm还具有丰富的插件和扩展，可满足各种开发人员的需求。步骤一：下载安装包首先，请前往WebStorm官网下载安装包，该网站支持多个系统平台，您可以根据自己的系统选择相应的安装包。安装包下载完成后请保存到您的本地硬盘中。
2023年 WebStorm 下载、安装教程、附详细图文教程，亲测有效
Java徐师兄的博客
11-30 9767
2023年 WebStorm 下载、安装教程、附详细图文教程，亲测有效。 WebStorm 是JetBrains公司旗下一款JavaScript 开发工具。已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。
webStorm快捷键整理
weixin_43989242的博客
03-24 937
一些自己会用的webstorm快捷键，持续更新
（Mac版）WebStorm常用快捷键
程序猿小九九的博客
05-13 1984
WebStorm常用快捷键（Mac版）
WebStorm快捷键
weixin_44732423的博客
03-10 519
WebStorm快捷键的使用 查找代替快捷键： 快捷键 功能 ctrl+shift+N 通过文件名快速查找项目内文件 ctrl+F 在文件中查找代码 ctrl+shift+alt+N 通过字符查找内容 F3 查找下一个 shift+f3 查找上一个 ctrl+R 文件内代码替换 ctrl+shift+R 指定目录内代码批量替换 ctrl+shift+F 指定目录内代码批量查找 界面操作： 快捷键 功能 ctrl+shift+A 快速查找并使用编
webstorm安装
zhaoweigang1987110的专栏
01-15 590
The smartest JavaScript IDE the powerful IDE for modern JavaScript development （官网给出的推介） 1、官网下载 https://www.jetbrains.com/webstorm/ 2、点击exe文件 下一步（选择安装位置） 下一步（配置安装选项） 下一步（选择启动文件夹） Insta...
WebStorm2023安装教程
ajfv55的博客
02-01 3453
如果您需要使用WebStorm，请按照上述步骤操作，以确保您的WebStorm正常工作。总的来说，WebStorm是一款功能强大、易用的IDE，可以帮助您提高开发效率，快速开发高质量的应用程序。您可以在该网站上搜索“WebStorm激活码”，找到适合您的激活码，然后按照上面的步骤激活WebStorm。如果您使用的是免费的学生许可证，则需要提供您的学生证明，并在JetBrains官方网站上注册。如果激活码有效，WebStorm将自动激活，并在您的软件中显示“激活成功”的消息。
webstorm安装教程
m0_59197714的博客
05-09 629
1.双击.exe文件，一进来点击next。2.选择创建桌面快捷方式。
安装webStorm
123木头人！
06-05 375
WebStorm是JetBrains公司的一款JavaScript开发工具。 1.下载 下载2018.2.3版本 官网：https://www.jetbrains.com/webstorm/download/previous.html 网页上破解版：http://www.zdfans.com/html/16146.html 2.安装 启动，next 更改安装路径，next ...
WebStorm2023-安装教程
weixin_72959097的博客
08-16 3105
WebStorm是一款功能强大的JavaScript集成开发环境(IDE)，它可以帮助开发者快速构建Web应用程序。下面是如何安装和激活WebStorm的详细教程，以及如何创建一个新项目。以上是如何安装和激活WebStorm，以及如何创建一个新项目的详细教续，希望这篇教程能够帮助您顺利安装和使用WebStorm。在WebStorm中编写代码时，您可以享受到一系列方便的功能，如代码自动完成、错误检查、代码导航、调试等。这些功能都可以帮助您提高代码质量和效率，让您的Web开发更加愉快。
webstorm 安装
08-19
WebStorm的安装过程包括以下几个步骤： 1. 打开WebStorm官方网站，并下载适用于您的操作系统的安装包。确保从官方网站下载以避免下载附加的垃圾软件。 2. 打开下载后的安装包，双击运行WebStorm安装程序。 3. 根据安装程序的指示，选择您希望安装的功能和选项。通常情况下，建议选择默认设置，您也可以根据需要进行自定义设置。 4. 点击“Next”继续安装。 5. 安装程序会显示确认安装界面，点击“Install”开始安装WebStorm。 6. 等待安装过程完成。安装期间可能会显示安装进度界面。 7. 安装完成后，会显示安装成功的界面。默认情况下，WebStorm会提示稍后重启，您可以选择立即重启或稍后手动重启。 以上就是WebStorm的安装过程。安装完成后，您可以打开WebStorm并开始使用它进行JavaScript开发。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [WebStorm安装教程【2022年新版图解】](https://blog.csdn.net/qq_17584941/article/details/123497141)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Java老徐

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值