官方供應商
我們作為官方授權經銷商，直接提供超過200家開發廠家所發行超過1000個的產品授權給您。
請參閱我們所有的品牌。
WebStorm 2021.2
添加保存時在您的流覽器內重新載入頁面的功能，並添加私人 npm 包完成。
7月 29, 2021
新版本
特性
- Code Editing
- Reload pages in browser on save - You can now automatically update the pages in a browser as you edit and save your HTML, CSS and JavaScript files. All browsers are supported.
- Actions on save - Added a number of actions that will be initiated by saving the project, including reformatting code and optimizing imports.
- Quick creation of scratch files - In scratch files, you can make notes or draft code outside of the project context. Starting with this release, you can select some code, press Alt+Enter, and choose Create new scratch file from the selection to quickly create a new scratch file containing that code.
- Synchronized completion for Code With Me - When you’re in Following mode during a Code With Me session, you can now keep track of the code completion suggestions that the person you’re following uses.
- JavaScript & TypeScript
- Auto-import for require() - The IDE can now add missing import statements as you complete CommonJS modules - required imports will be inserted on code completion.
- Support for TypeScript types in JSDoc - WebStorm now properly supports the TypeScript syntax used within JSDoc comments in your .js files. Reworked and expanded the existing support and fixed a lot of known issues.
- New action for arrow functions - You can now surround a block of code with an arrow function using Ctrl+Alt+J. You can also type arf and press Tab to expand the template and add an empty arrow function.
- Preview tab in the debugger - The preview tab now works for files that open during debugging: these files will appear one by one in a single preview tab.
- Frameworks & Technologies
- Rename refactoring for React useState hooks - You will no longer need to waste time on refactoring useState values and functions one by one – WebStorm can now rename both for you.
- Completion for private npm packages - Adding new project dependencies to package.json has become even easier, as code completion now works for private npm packages. WebStorm lets you check information about the latest versions of the package, just like it does for public packages.
- Support for classnames and clsx libraries - To help you work more efficiently with CSS classes in your React projects, support for popular classnames and clsx libraries has been added. WebStorm will show completion suggestions for your CSS classes and resolve all symbols in string literals and properties with literal names.
- Generic support for web-types - Extended support for web-types, an open-source standard for documenting web frameworks. It was previously focused on Vue support. But now you can use it to enrich the coding assistance for custom components in your HTML files.
- Version Control
- New pre-commit check - Added a new option to help you run tests to check your code before committing it. Click on the gear icon in the Commit tool window, select Run Tests and choose the desired run configuration. WebStorm will test your files and warn you about any problems.
- GPG signature support - You can now secure your commits by signing them with a GPG key.
- Local History search - Going through the revisions in Local History is now easier. Right-click on a changed file, then go to Local History | Show History and use the search field to navigate around your revisions.
- Usability
- Localized UI - Starting from this version, you can enjoy a fully localized WebStorm UI in Chinese, Korean, and Japanese. Localization is available as non-bundled language pack plugins, which can be installed in your IDE.
- Faster tool window reorganization - It is now easier to reorganize tool windows. Hover over the top of the tool window you want to move, then drag it to where you want it and drop it there. This will work if you want to detach a tool window from the main WebStorm window as well - just drag it outside of the IDE frame.
- Easier customization of project icons - Improved assigning custom icons to your projects. You can now right-click on a project on WebStorm’s Welcome screen, then select the Change Project Icon option and upload the SVG file you want to associate with that project.
- Update notifications from the Toolbox App - You will no longer miss any critical product updates from the Toolbox App. WebStorm will inform you if a new version is available for download and give you the option to upgrade to it - just make sure you have Toolbox App version 1.20.8804 or later.
- Improved Preferences/Settings dialog - There is now a node with advanced settings in your Preferences/Settings dialog. You can find some new configuration options there, including the ability to set a left margin in Distraction-free mode. You can also now jump between recently opened nodes faster – just use the arrows in the right-hand corner of the dialog.
- Automatic cache and log cleanup - After each major update, WebStorm will clean up any cache and log directories that were last updated more than 180 days ago. The system settings and plugins directories will stay intact. To trigger this process manually, go to Help | Delete Leftover IDE Directories in the main menu.
- New features for the built-in terminal - Added three new features to the built-in terminal to improve your experience with it. You can now change the cursor shape and make the ⌥ key act as a meta modifier. Working with the http links is now more convenient as well.
