WebStorm安装和快捷键

187 阅读3分钟

WebStorm可以帮助您编写出色的代码。其智能编辑器具有代码完成,动态代码分析,代码格式化和重构,可提高您的工作效率,并将您的开发体验提升到一个全新的水平。

支持的语言和框架

WebStorm提供Java,ECMA 6,Type,Coffee,Dart和Flow 的一流编码帮助。

WebStorm可以帮助您编写HTML,CSS,Less,Sass和Stylus代码。

最重要的是,您可以受益于对Node.js和流行框架的高级支持,例如React,Angular,Vue.js,Meteor等。

第一步、下载安装

百度直接搜索webstorm,下载完找到文件下载路径,双击安装

微信图片_20231029151952.png

点击next

微信图片_20231029151934.png

选择安装路径

微信图片_20231029151958.png

点击Install

微信图片_20231029152003.png

选择安装选项,也可以都选。看自己,我只选了这两个。

微信图片_20231029152013.png 出现下面显示,点击Finish完成安装

微信图片_20231029152018.png

二、激活(windows)

安装完成后把webstorm关闭退出。

1、下载激活包和jar文件,不同版本对应不同的jar包,(下载后记得不要删掉,然后安装的路径尽量不要带中文路径、删掉就会失效的)

【2019~2021】 下载jetbrains-agent-legacy.jar

【2022~最新】 下载jetbrains-agent.jar

微信截图_20231029161434.png

jar文件下载完后找个合适位置放,激活后文件位置不要移动,因为后续要添加这个文件的地址。

微信图片_20231029152101.png

2、找到WebStorm安装bin目录里面webstorm64.exe.vmoptions的文件,用文本编辑器打开。

微信图片_20231029152105.png

3、在最后追加一行配置,注意版本对应的agent.jar文件不同

-javaagent:C:\Program Files\JetBrains\DataSpell 2023.1\bin\jetbrains-agent.jar

注意:上述路径为自己下载的jetbrains-agent.jar的本地全路径,请自行修改,改后记得保存!!!激活后文件位置不要移动。

微信图片_20231029152110.png

4、打开激活包文件夹

微信图片_20231029152057.png

先执行unistall-current-user.vbs,直接双击打开,此步骤是为了防止之前有过激活信息,确保当前环境变量下没有激活工具的变量信息,可先执行卸载脚本在再进行后面的激活操作,避免激活失败

微信图片_20231029152023.png

出现Done弹窗成功

微信图片_20231029152028.png

然后再执行install-current-user.vbs,直接双击打开即可

这里需要等待10秒左右才会出现第二个done弹框,才是成功

然后再输入对应的激活码即可。

微信图片_20231029152033.png

最后获取地址是:kdocs.cn/l/ck2d4UFKAFEP

百度云前缀搜索一下即可

常用的WebStorm快捷键

1.常用快捷键

  • Ctrl + S:保存文件
  • Ctrl + Z:撤销上一步操作
  • Ctrl + Y:重做上一步操作
  • Ctrl + X:剪切选中内容
  • Ctrl + C:复制选中内容
  • Ctrl + V:粘贴剪切板内容
  • Ctrl + A:全选当前文件内容
  • Ctrl + F:在当前文件中查找
  • Ctrl + Shift + F:在整个项目中查找
  • Ctrl + Shift + R:在整个项目中替换
  • Ctrl + D:复制当前行或选择的代码块
  • Ctrl + /:注释或取消注释当前行或选择的代码块
  • Ctrl + Alt + L:格式化代码

2.调试相关快捷键

  • F5:启动调试
  • F8:单步执行,跳过函数
  • F7:单步执行,进入函数
  • Shift + F7:智能步入,跳过无需进入的函数
  • Alt + F9:定位到断点并执行到此处
  • Alt + F10:定位到断点并执行代码

3.版本控制相关快捷键

  • Ctrl + K:提交代码到版本库
  • Ctrl + T:更新代码从版本库
  • Ctrl + Alt + K:打开提交对话框
  • Alt + Shift + C:显示最近的变更