![]() (Provided that your citation is correct and in accordance with the convention) Use the file renaming function of WS, boldly rename it, it will automatically update all references for you. You want to rename style1.css to style2.css, but style1.css is referenced by many html files, what should I do? What to do In WS, you only need to move the cursor to or, and then press the reconstructed shortcut key to easily turn it into a p tag. Label refactoring, file renaming, CSS refactoring, and JS refactoring Picture height prompt (the picture size will be displayed when you enter the picture path) Ģ. Live Templates configure custom shortcuts:ġ. Shift+Enter restart a line (no matter where the cursor is)Ĭtrl+Shift+A quickly find and use all functions of the editor (required)Ĭtrl+Tab Switch code tab (also make this selection, the efficiency is less)Īlt+ Quick disassembly function interface moduleĬtrl+F12 shows the structure of the current fileĬtrl+F to find text (Ctrl+shift+L is also to find text)Ĭtrl+Shift+R Batch replacement of codes in the specified directoryĬtrl+Shift+F Batch search for codes in the specified directoryĬtrl+Shift+N quickly find files in the project by file nameĬtrl+Shift+Alt+N quickly find the location by one characterĪlt+F1 finds the location of the code in other interface modulesģ. Shift+Tab/Tab Decrease/expand indentation (can reduce indentation in code) Select the text, press Ctrl+Shift+F7 to highlight all the text, press Esc to highlight and disappearĬtrl+ cursor to the front or back of the code blockĪlt+J Select multiple identical strings, the same as sublime Ctrl+DĬtrl+←/→ Jump cursor position with word as boundary ![]() WebStorm is hailed as a "web front-end development artifact" by the majority of Chinese JS developers.Īfter the installation is complete, open Webstorm, select "License server" in the pop-up License Activation window, and enter the following URL in the input box:ģ.1 Set the background color to black or gray, set here:Ĭtrl+/or Ctrl+Shift+/ comment (//or /*.*/)į2 or shift+F2 to highlight errors or warnings and quickly locate It has a wealth of code for fast editing and smart Completion code, code formatting, html prompt, code inspection and quick repair etc. ![]() It is praised by JavaScript developers as "the magic of web front-end development" and "the most powerful JavaScript IDE". We encourage you to share your feedback with us! Just leave a comment below or fill out this short survey.WebStorm is a powerful HTML5 editing tool (especially developed JavaScript very easy to use) launched by JetBrains. If you’d like to contribute to it, please refer to the README for more information. We write all the content in Markdown and use GatsbyJS to render a static site. The WebStorm Guide is also an open project, with a repository in GitHub that hosts all the content. However, we plan to add new ones periodically if we see that it brings value to our users. Right now, there aren’t so many tips in the Guide. Each topic has a brief explanation and a list of relevant resources. To help you do that, we’ve also grouped the resources by topic. Sometimes you come across a useful tip on how to do a specific job in the IDE, such as how to add a conditional breakpoint when debugging, and you want to dive deeper into that topic. All the resources in it are organized into groups of specific technologies, such as popular frameworks, libraries, and the like. Technologies. Let’s imagine that you’ve found a tip about WebStorm’s powerful React support and caught yourself thinking, “I didn’t know that, I wonder what other React productivity boosters I’ve missed?” If this sounds familiar, the Technologies section of the guide is just for you.So, what’s this WebStorm Guide all about? We’ve collected the tips we had posted on Twitter, expanded them with some extra information, and organized them into two categories: Topics and Technologies. We hope it helps you be more productive and write high-quality code without requiring you to spend too much time away from the projects you’re working on. We’re happy to announce the WebStorm Guide – a central place for tips and tricks on how to use WebStorm efficiently.
0 Comments
Leave a Reply. |