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 .
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 .
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 .
Now? ,IDE Can correctly identify new defineComponent Method , Enables you to use all of the coding AIDS .
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 .
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 .
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 .
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 ！