编程知识 cdmana.com

Highlight analysis of webstorm 2020.3: the new version enhances Vue support, adds interactive prompts and embedded monitoring

WebStorm Is a favorite by the majority of programmers JavaScript Development and Web Front end development tools , Perfect for all kinds of complex client development and Node.js Server side development based on .

Click to download WebStorm The latest trial version

Hereunder , You will find WebStorm 2020.3 Beta Some of the highlights of .

Interactive prompts and embedded monitoring during debugging

You may already know , When execution stops at a breakpoint ,WebStorm It will show you a hint , And display its value next to the usage of the variable . To make these tips more useful , We've introduced some improvements .

First , Inline hints are now interactive . You can click on them to see all the fields that belong to variables . You can also change the values of variables in the drop-down list by clicking set values .

 Interactive tips pop up window

Another update will affect watches. before , Your Watches Save in “Debug” Tool window “variable” Under tabs . When you step into code and move to another context ,Watches It can become a mistake .

Although you can still add watches, But in v2020.3 in , We add embedded Watches Solve the above problems . Now? , You can use watch An expression is bound to its associated location in the code . So , Please click in the same pop-up window "Add Inline Watch" perhaps , You can use... In the context menu “Add Inline Watch” operation .

 Add online viewing ws

 

Yes Vue Support enhancements

For this version , We have no plan right Vue Support for any major updates , But there are still some things that can help you better use Vue.

First , We solved the problem with Vue 3 A lot of related questions . for example ,WebStorm Now support the newly introduced < Script settings > grammar .

 Script settings

Now? ,IDE Can correctly identify new defineComponent Method , Enables you to use all of the coding AIDS .

 Defining components vue

besides , Also make IDE stay Vue The correct application of ESLint Rule code style , And improved with TypeScript Integration of language services .

Integrated TypeScript And the question tool window

Now it will TypeScript Language services are integrated into “ problem ” In the tool window , And get rid of dedicated TypeScript Tool window . We made this change , Simplify WebStorm Of UI, And help you see all the key issues in your code from one place .

Now? , Can be in “Probelm” Tool window “Project Errors” Find all the errors reported by the service under the tab .

ts-project-errors-ws

To visit before in TypeScript The buttons available in the tool window , You can use the new... On the status bar TypeScript The widget . From there, , You can compile code , Restart the language service , And then jump to TypeScript Set up .

ts-widget-ws

send WebStorm Open specific file by default

from v2020.3 Start , send WebStorm It's easier to be the default application that opens a specific file type . go to The first Preferences/Settings | Editor | File Types  And then click  Associate File Types with WebStorm… , In the open dialog , Choose to use WebStorm Open file extension , And then click “OK  Save changes .

please remember , stay macOS On , You must restart your computer To apply changes .

 Set file type Association WS-2020-3

Upgrade to a newer version of IDE when , The selected file extension Association will remain unchanged .

Today's content is here , If you want to learn more about features and article tutorials , Click free to get

版权声明
本文为[Barbell essence]所创,转载请带上原文链接,感谢

Scroll to Top