With WebStorm 2019.3, you can now check out the documentation for components and directives defined in Vue.js and in some popular component libraries. Lastly, we’ve found and fixed a performance problem with completion in Vue templates which was especially noticeable in projects with Vuetify, so now tags and their attributes show up in the completion popup without any delay. Third, if you copy some code from the script section of a Vue component and paste it into another component, WebStorm will paste the required import statements as well, the same way it works for regular JavaScript files. This works for the slot names defined in your project components and such component libraries as Vuetify, Quasar, and BootstrapVue. Second, WebStorm now shows you code completion suggestions for slot names. vue file, we have some great news for you: WebStorm can now understand the link between the different parts of the component located in separate files and deliver accurate code completion suggestions for props, data, and methods. We’ve approached this goal from different angles, starting with code completion.įirst, if you’re not used to having all your Vue.js components defined in a single. One of the main goals for this release cycle was to make Vue.js support more advanced so you can build great Vue.js applications with less effort. If you now see a memory indication in the IDE status bar ( Preferences/Settings | Appearance & Behavior | Appearance – Show memory indicator), click it to free the soft-referenced memory.įrameworks Significant improvements in code completion for Vue.js To give you a better experience debugging with source maps, we’ve made the debugger use soft references in such cases – now the memory can be easily freed when its limit is reached. Improved memory usage when debugging with source maps We have some other major changes planned for WebStorm 2020.1, including, as usual, more optimizations of project indexing. However, keep in mind that the actual results may vary depending on your network configuration and factors like the size of your workspace, the age of your machine, and your antivirus configuration. On average, the startup time has been reduced by 20% compared to previous versions. To arrive at a meaningful comparison, we used the same project everywhere – a React application generated using create-react-app, with the app.js file opened in the editor. Let’s clarify what exactly we mean by “faster.” We’ve measured the startup times of WebStorm 2019.3 on different operating systems, and compared these numbers with the ones for v2019.1 and v2019.2. As a result, WebStorm 2019.3 handles this faster than previous versions did. In the last two release cycles, we’ve devoted a lot of effort to reducing the time that you have to wait for the welcome screen to show and for the IDE to open already indexed projects. Version Control: reworked UI for cloning projects, updated Compare with Current action for git branches, an option to push changes from any branch, a faster way to commit changes, and new actions for checking out branches.Tools: support for the upcoming Yarn 2 release, return values in the debugger, and a new action for turning npm install notifications back on.IDE improvements: a single action for running tools and configurations, unbundled Dart support, automatically enabled global file watchers, and a way to search in the selection only.HTML and Style Sheets: completion for CSS libraries on CDN, an option to change the quote style for CSS, and initial support for and rules in Sass.JavaScript and TypeScript: template language injections, name suggestions for new symbols, and support for TypeScript 3.7.Frameworks: more advanced code completion for Vue.js, quick documentation in Vue.js projects, better support for props in React components, and enhancements in Angular support.Performance: faster startup and improved memory usage when debugging with source maps.The new features and improvements fall into these categories: The blog post is based on the information from our previous EAP blog posts, so depending on how regularly you follow our blog, you may stumble upon some things you’re already familiar with. In this blog post, we’ll go beyond what’s covered on the What’s New page and review the new functionality and major improvements in more detail. WebStorm 2019.3, the last major update this year, comes with faster startup, significant enhancements in Vue.js support, even smarter code completion for JavaScript, and a lot of lingering bugs fixed.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |