search
HomeDevelopment ToolswebstormWebStorm shortcut keys worth collecting

WebStorm is a JavaScript development tool owned by jetbrains. It has been praised by the majority of Chinese JS developers as "Web front-end development artifact", "the most powerful HTML5 editor", "the most intelligent JavaScript IDE", etc. It has the same origin as IntelliJ IDEA and inherits the functions of the powerful JS part of IntelliJ IDEA.

WebStorm shortcut keys worth collecting

1. Necessary shortcut keys

##● Ctrl /: Comment the current line

Ctrl Shift /: Insert a comment at the current position

● Ctrl Alt /: Block comment and focus to the first line, write the comment

● Ctrl Shift A: Select the current label Before and after, modify the label using

● F11: Full screen

●Shift F11: Full screen do not disturb mode, only edit the current file

●Alt F3: Select all the same words

●Alt .: Close the tag

●Alt Shift Number: Split screen display

●Alt Number: Switch to open the Nth file

●Shift Right-click dragging: If the cursor is long, it is used to change or insert column content

● The forward and backward keys of the mouse can switch Tab files

● Press Ctrl, click or select in sequence, you can edit the Multiple locations

● Press Ctrl Shift up and down keys to replace lines

● Ctrl Shift P: Open the command panel

● Ctrl P: Search for files in the project

 ● Ctrl G: Jump to which line

● Ctrl W: Close the currently open file

● Ctrl Shift W: Close all open files

● Ctrl Shift V: Paste and format

● Ctrl D: Select a word, repeat to increase and select the next same word

● Ctrl L: Select a line, repeat to increase and select the next line

● Ctrl Shift L: Select multiple lines

● Ctrl Shift Enter: Insert a new line before the current line

● Ctrl X: Delete the current line

● Ctrl M: Jump to the corresponding bracket

● Ctrl U: Soft undo, undo the cursor position

● Ctrl J: Select the tag content

● Ctrl F: Find Content

●Ctrl Shift F: Find and replace

●Ctrl H: Replace

●Ctrl R: Go to method

●Ctrl N: Create a new window

● Ctrl K B: Switch sidebar

● Ctrl Shift M: Select the content of the current brackets, and repeat the selection of the brackets themselves

● Ctrl F2: Set/delete markers

2. Select class shortcut keys

● Ctrl ← Move the cursor unitarily to the left and move the cursor quickly

● Ctrl → Move the cursor unitarily to the right, move the cursor quickly

●shift ↑ Select multiple lines upward

●shift ↓ Select multiple lines downward

●Shift ← Toward Select text to the left

● Shift → Select text to the right

● Ctrl Shift ← Select text unitarily to the left

● Ctrl Shift → Select text unitarily to the right

● Ctrl Shift ↑ Swap the line where the cursor is with the previous line of code (insert the line where the cursor is before the previous line)

● Ctrl Shift ↓ Swap the line where the cursor is with the next line of code Change (insert the line where the cursor is after the next line)

● Ctrl Alt ↑ Add multi-line cursor upwards, and you can edit multiple lines at the same time

● Ctrl Alt ↓ Add multi-line cursors downward, Multiple lines can be edited at the same time

● Ctrl D Select the text occupied by the cursor, and continuing to operate will select the next same text

● Alt F3 Select the text and press the shortcut key, you can do it all at once Select all identical texts for simultaneous editing. For example: quickly select and change all the same variable names, function names, etc.

● Ctrl L selects the entire line, and continues to select the next line. The effect is the same as Shift ↓

● Ctrl Shift L Select multiple lines first, then press the shortcut key. The cursor will be inserted at the end of each line, and you can edit these lines at the same time

● Ctrl Shift M Select the content within the brackets (continue to select the parent brackets ). For example: quickly select and delete the code in the function, rewrite the function body code or rewrite the content inside the brackets

● Ctrl M moves the cursor to the end or beginning of the bracket

● Ctrl Enter inserts a new line on the next line. For example: Even if the cursor is not at the end of the line, you can quickly insert a line downward

● Ctrl Shift Enter inserts a new line on the previous line. For example: even if the cursor is not at the beginning of the line, you can quickly insert a line upward

● Ctrl Shift [Select the code, press the shortcut key, collapse the code

● Ctrl Shift] Select the code, press Press the shortcut key to expand the code

●Ctrl K 0 Expand all folded codes

3. Editing shortcut key

● Ctrl K K Delete code from the cursor to the end of the line

● Ctrl Shift K Delete the entire line

● Ctrl / Comment a single line

● Ctrl Shift / Comment multiple lines

● Ctrl J merges selected lines of code into one line. For example: merge multi-line CSS properties into one line

 ●Ctrl Shift D Copy the entire line where the cursor is and insert it into the next line

●Tab Indent to the right

●Shift Tab Indent to the left

●Ctrl K U Convert uppercase

●Ctrl K L Convert lowercase

●Ctrl Z Undo

●Ctrl Y Undo

●Ctrl U Soft undo, feel and Gtrl Z Same

●Ctrl F2 Set bookmark

●Ctrl T Swap left and right letters

●F6 Word detection spelling

4 , Search shortcut keys

● Ctrl F Open the search box at the bottom and search for keywords

● Ctrl shift F Search within a folder, different from ordinary editors The place is that sublime allows you to add multiple folders for search, which is slightly high-end and has not been studied

● Ctrl P opens the search box. For example: 1. Enter the file name in the current project to quickly search the file. 2. Enter @ and keywords to find the function name in the file. 3. Enter: and a number to jump to the line of code in the file. 4. Enter # and keywords to find the variable name

● Ctrl G opens the search box, automatically with:, enter the number to jump to the line of code. For example: quickly locate

in a file with a long page code ● Ctrl R opens the search box, automatically adds @, enters keywords, and searches for the function name in the file. For example: quickly search for a function on a page with many functions

● Ctrl: Open the search box, automatically add #, enter keywords, and find variable names, attribute names, etc. in the file

● Ctrl Shift P Open the command box. Scenario example: Open the naming box, enter keywords, and call the function of sublime text or plug-in, such as using package to install the plug-in

● Esc exits the cursor multi-line selection, exits the search box, command box, etc.

5. Display shortcut keys

●Alt Shift 1 window split screen, restore the default 1 screen (numbers other than small keyboard)

● Alt Shift 2 Split the screen left and right - 2 columns

● Alt Shift 3 Split the screen left and right - 3 columns

● Alt Shift 4 Split the screen left and right - 4 columns

● Alt Shift 5 to divide the screen into 4 equal parts

●Alt Shift 8 to split the screen vertically-2 screens

●Alt Shift 9 to split the screen vertically-3 screens

●Or right-click to open the tab , choose vertical split or horizontal split

● Ctrl K B Turn on/off the sidebar

● F11 Full screen mode

●●Shift F11 Do not disturb mode

 ● Ctrl Tab Switch the tabs of the current window in the order in which the files have been browsed

● Ctrl PageDown Switch the tabs of the current window to the left

● Ctrl PageUp Switch the tabs of the current window to the right Tag page

This article comes from the webstorm tutorial column, welcome to learn!

The above is the detailed content of WebStorm shortcut keys worth collecting. For more information, please follow other related articles on the PHP Chinese website!

Statement
This article is reproduced at:51cto. If there is any infringement, please contact admin@php.cn delete
webstorm怎么运行vue项目webstorm怎么运行vue项目Apr 08, 2024 pm 01:57 PM

要使用 WebStorm 运行 Vue 项目,可以按照以下步骤进行操作:安装 Vue CLI创建 Vue 项目打开 WebStorm启动开发服务器运行项目查看浏览器中的项目在 WebStorm 中调试项目

webstorm怎么创建htmlwebstorm怎么创建htmlApr 08, 2024 pm 01:42 PM

使用 WebStorm 创建 HTML 项目分五步:创建新项目并配置 HTML 设置;添加新 HTML 文件;编写 HTML 代码并利用实时预览;预览 HTML 文件并进行部署;使用模板和 Emmet 快捷方式加快开发。

webstorm怎么切换中文webstorm怎么切换中文Apr 08, 2024 pm 01:30 PM

WebStorm 中切换中文方法:打开设置面板(Windows/Linux:Ctrl + Alt + S;macOS:Command + ,)。导航至“外观和行为”>“语言和框架”。在“用户界面语言”下拉菜单中选择“IntelliJ IDEA 用户界面”。在“Locale”列表中选择所需的中文语言(例如“中文(中国大陆)”)。点击“应用”,重启 WebStorm。

webstorm怎么改中文版webstorm怎么改中文版Apr 08, 2024 pm 12:24 PM

将 WebStorm 更改为中文版:打开 WebStorm 设置。导航到“Appearance & Behavior”>“Language & Fonts”。在“User Interface Language”中选择“Chinese (Simplified)”或“Chinese (Traditional)”。重启 WebStorm,界面将显示为中文。

WebStorm2021如何安装?安装教程详解【附图】WebStorm2021如何安装?安装教程详解【附图】Aug 02, 2022 pm 05:27 PM

对于入门JavaScript 开发的者,最重要的就是安装WebStorm软件,一款非常优秀的JavaScript工具,在互联网上查询目前还没有一篇写得比较详细的WebStorm教程。今天分享WebStorm2021.3.2版本的安装教程,从下载到安装以及创建项目带大家完整的走一遍。

webstorm怎么恢复默认webstorm怎么恢复默认Apr 08, 2024 pm 12:15 PM

要恢复 WebStorm 为默认设置,请关闭 WebStorm 并删除首选项目录,然后重新启动 WebStorm。详细步骤包括:完全退出 WebStorm。删除首选项目录(具体位置因操作系统而异)。重新启动 WebStorm。

webstorm怎么新建项目webstorm怎么新建项目Apr 08, 2024 am 11:57 AM

使用 WebStorm 创建新项目的步骤:打开 WebStorm并选择“新建项目”;根据需要选择项目类型,如 Node.js、React 等;配置项目设置,包括名称、位置和框架版本;对于特定项目类型,选择所需框架;单击“创建”按钮生成项目;项目将自动在 WebStorm 中打开,供您编写代码和构建应用程序。

webstorm怎么更改字体大小webstorm怎么更改字体大小Apr 08, 2024 am 11:39 AM

WebStorm 提供多种修改字体大小的方式:1. 快捷键(放大:Ctrl/Cmd + +,缩小:Ctrl/Cmd + -,重置:Ctrl/Cmd + 0);2. 设置菜单(文件 > 设置 > 外观和行为 > 外观 > 字体 > 字体大小);3. 滚动条(向上滚动放大,向下滚动缩小)。

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
3 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
3 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
3 weeks agoBy尊渡假赌尊渡假赌尊渡假赌

Hot Tools

VSCode Windows 64-bit Download

VSCode Windows 64-bit Download

A free and powerful IDE editor launched by Microsoft

MantisBT

MantisBT

Mantis is an easy-to-deploy web-based defect tracking tool designed to aid in product defect tracking. It requires PHP, MySQL and a web server. Check out our demo and hosting services.

mPDF

mPDF

mPDF is a PHP library that can generate PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files "on the fly" from his website and handle different languages. It is slower than original scripts like HTML2FPDF and produces larger files when using Unicode fonts, but supports CSS styles etc. and has a lot of enhancements. Supports almost all languages, including RTL (Arabic and Hebrew) and CJK (Chinese, Japanese and Korean). Supports nested block-level elements (such as P, DIV),

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)