大家好,今天为大家带来的事2023年 WebStorm 下载、安装教程、附详细图文教程,亲测有效。感兴趣的可以收藏点赞哦。
文章目录
-
-
1 简介
-
2 安装步骤
-
3 提高效率的 10 个方法
-
-
-
1、webstorm开启es6环境
-
2、新建vue文件的模板设置
-
3、webstorm设置代码自动换行
-
4、webstorm开启代码提示
-
5、面板展示与增加面板展示项
-
6、全局搜索(shift键双击,搜索包括文件,变量,函数等等)
-
7、设置主题样式、字体大小、字体样式、行高(Ctrl + Alt + S)
-
8、文件修改的历史版本对比
-
9、开启代码补全
-
10、多光标选择
-
4 常用快捷键
1 简介
WebStorm 是JetBrains公司旗下一款JavaScript 开发工具。已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。
2 安装步骤
WebStorm 的安装其实很简单,大概可以分为 8 步。
1、如果之前装有WebStorm版本, 可以先删卸载, 再重新安装
2、到官网下载WebStorm安装包
https://www.jetbrains.com/zh-cn/webstorm/download/other.html
>https://www.jetbrains.com/zh-cn/webstorm/download/other.html
推荐使用2021.2.2版本, 亲测有效
3、双击打开exe程序,点击“Next”
4、选择安装位置,点击“Next”
5、全选所有选项,点击“Next”
6、确认安装界面,点击“Next”
7、等待安装
8、安装完成,选择何时启动,点击“Finish”
-
如果想了解怎样授权的话,可以看这篇教程,里面有详细介绍
WebStorm 授权教程
>https://it1314.top/article/778/
https://it1314.top/article/778/
>https://it1314.top/article/778/
3 提高效率的 10 个方法
1、webstorm开启es6环境
2、新建vue文件的模板设置
3、webstorm设置代码自动换行
4、webstorm开启代码提示
5、面板展示与增加面板展示项
6、全局搜索(shift键双击,搜索包括文件,变量,函数等等)
7、设置主题样式、字体大小、字体样式、行高(Ctrl + Alt + S)
8、文件修改的历史版本对比
9、开启代码补全
(参考网址:
https://jingyan.baidu.com/article/a3f121e4a64767fc9152bb40.html
>https://jingyan.baidu.com/article/a3f121e4a64767fc9152bb40.html
)
10、多光标选择
修改目的:将上述代码的class属性修改item = > item1;修改方法:按住 Alt 键,鼠标便变成了同一位置向下选择。
对于同一位置的,我们可以使用上述方法,对于不同位置的item => item1,我们可以选择一个,然后 _
按住 Alt 键
_
,在选择第2个、第3个、第4个…第n个即可,实现统一修改。
4 常用快捷键
快捷键
|
说明
|
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
|
添加至收藏夹
|