IntelliJ webstorm latest activation tutorial on March 3, 2019 with Chinese patch installation tutorial

Time:2020-8-11

IntelliJ webstorm 2019 activate Chinese tutorialIs a professional HTML editing tool, is the latest updated version of JetBrains 2019, is also excellent in HTML5 and JavaScript. It can be said to be “web front-end development artifact”, “the most powerful HTML5 editor”, “the most intelligent JavaScript ide”. New version of JavaScript, typescript and CSS support better, improved Vue.js And added new features to the jest integration.

Today, the script editor shared with you the installation and activation tutorial of the latest activation patch and Chinese version patch of IntelliJ webstorm 2019. The activation of this software is troublesome, and the activation method of each version is different. Therefore, the script editor shared the detailed installation and activation tutorial for you, with pictures and texts, and test the installation.

Please use the real and effective activation patch and Chinese version patch to install webstorm 2019

Software name:
IntelliJ webstorm (WS) 2019.3.3 latest activation patch and Chinese patch with activation tutorial
Software size:
17.14MB
Update time:
2020-02-17Download now

Installation activation tutorial

1. After the download and decompression of developeppaer is completed, you will get the activation patch and Chinese version patch of webstorm, as shown in the figure below

2. Install the software before installing the activation patch, as shown in the figure below

3. Select the installation directory. The default directory is:C: The default directory is selected by the developeppaer editor, which is easy to install and open the software quickly

4. Check the selection in the red box in the figure below, and you can select other options according to your needs, as shown in the figure

5. Direct next, as shown in the figure

6. Wait for the installation to complete, as shown in the figure

7. After installation, do not run the software and wait for the activation patch to be installed, as shown in the figure below

8. Before installing the activation patch, first open the installation directory of the software. If you forget the installation directory of the software, please return to the desktop, find the shortcut icon of the software desktop, and right-click the icon. After the pop-up window appears, select “open file location” to obtain the file installation directory. As shown in the figure

After opening the software installation directory, open the active patch folder and change the“jetbrains-agent.jar”Copy the file to the software installation directory(Bin file);

Then run the software.

9. After running the software, it is the default selection before;

To the interface below, please selectEvaluate for free – click evaluate); as shown in the figure

10. Get the 30 day trial permission and click continue, as shown in the figure

11. Enter this interface and select Configure — edit custom VM options, as shown in the figure below

12. This step is very important and must not be wrong.

First, copy the software installation directory to “- javaagent: software installation directory” JetBrains “- agent.jar ”Between them;

For example: the installation directory of developeppaer is(C: program files, JetBrains, webstorm, March 3, 2019, bin)-javaagent:C:\Program Files\JetBrains\WebStorm 2019.3.3\bin\jetbrains-agent.jar

Finally, select save, as shown in the figure

13. Restart the software after the above steps are completed;

After software restart, the following information can be seen in the activation interface, as shown in the figure below

14. The activation is completed and all permissions are obtained.

Chinese patch installation tutorial

15. Before installing the Chinese patch, pleaseShut down the software

Open the Chinese patch folder and put the“resources_cn.jar”Copy to the Lib file, as shown in the figure

16. Run the software and finish the Chinese version. As shown in the figure

New features:

1、 JavaScript and typescript

1. Deconstruct with JavaScript

Through deconstruction, you can decompress the values in arrays and objects into variables using very concise syntax. Webstorm’s new refactoring and intent (ALT enter) can help you easily introduce deconstruction into JavaScript or typescript code.

2. Using promise to convert the function to async / await

You can automatically change the function that returns promise. Then() and. Catch() call asynchronous functions that use async / wait syntax. Simply press ALT enter on the feature name and select convert to asynchronous feature. This can be implemented not only in typescript files, but also in JavaScript and flow.

2、 Framework

1. New check for angular applications

For angular applications, webstorm 2019.1 adds 17 new checks to help you detect angle specific errors in your application as you type and suggest quick fixes. These checks work in both typescript and template files, and check the use of bindings, instructions, components, and many other content.

2. Navigation in the angular project is easier

In the angular application, you can now quickly switch between different component files (such as typescript, template, style and test file) using the related symbol… Pop-up window (ctrl CMD up / Ctrl + Alt + home). In the typescript file, the pop-up window also lists all symbols imported into the file.

3. Improved support for typescript in Vue applications

Webstorm 2019.1 now uses the typescript language service and its own typescript support for any typescript code in. Vue files. This means that you can now get more accurate type checking and type information, and you will be able to use the quick fix provided by the service and view all typescript errors in the current file in the typescript tool window.

4. Extraction method of react hook

The extraction method refactoring now works with local features and uses deconstructed return values, making it very suitable for extracting custom response hooks.

5. Improved the completion of props

Webstorm 2019.1 now provides better code completion for react props combined with extension operators.

3、 HTML and style sheets

1. Update document

The document (F1) for CSS properties and HTML tags and properties now displays the latest description and information about browser support for MDN, as well as links to full MDN articles.

2. Browser compatibility check of CSS

To check that the target browser version supports all the CSS properties you use, you can enable the new browser compatibility check in preferences.

3. Camel case support for CSS module

If you use CSS modules in your project, code completion of the classes in JavaScript files will now suggest a hump version of the class name with a dash.

4. Extract CSS variables

With the new extract CSS variable refactoring, you can use syntax to replace all uses of values in the current. CSS file with the variable var (- – var name).

4、 Testing

1. Highlight the failed line in the test

When you run tests with jest, karma, mocha, or protractor and some tests fail, you can now see where the problem occurred in the editor. The IDE uses the information in the stack trace and highlights the failed code. When hovering, you will see an error message from the test runner, and you can start debugging the test immediately.

2. Test with cucumber and typescript

Using cucumber and typescript? Now, you can jump to the. TS file from the step. Feature file to their definition and use the quick decision (and the ALT enter combination to generate the missing definition).

5、 Tools

1. New debugger console

In JavaScript and Node.js The new, improved interactive debugger console is used in the debugger window! It now uses tree view to display objects. It supports setting log message style using CSS and using console.group () and group them console.groupEnd ()。 You can also filter out any type of log message.

2. Complete NPM script

Add a new script to package.json File, webstorm now advises on the available commands provided by the installed package. After you type node, the IDE will suggest the folder and file name. After entering NPM run, you will see the list of tasks defined in the current file.

3. Improved support for lint

Webstorm 2019.1 can now run multiple processes for eslint and tslint in a project to ensure that they work properly in a single project and projects with multiple linter configurations.

4. Support docker compose

If using docker test Node.js Application, you can now easily run and debug the application from the IDE using the configuration described in the docker compose file.

5. Version range tool tips for dependencies

At package.json Press the command / Ctrl key and the version hover dependency to see what version range NPM install or yarn install can be installed at runtime.

6、 IDE

1. New UI theme

You can now use the new rich UI themes as plug-ins in webstorm. Choose a dark purple, gray and cyan light theme, or create your own theme.

2. Nearest position pop up

Pop up in the nearest position (move – e of CMD / press Ctrl + Shift + e) is a new way to browse items around. It shows a list of all the files and lines of code that have recently been opened in the editor. You can start typing to filter the results and jump to the code you want.

3. Save project as template

With the new action save as template from the tools menu, you can now use the project as the basis for creating a new project on the IDE welcome screen.

4. Flexible wrapper for the selected file type

You can now enable flexible wrapping for specific file types in the editor. To do this, open preferences / Settings > Edit > General and specify the file type in the flexible wrapper file field.

The above is the IntelliJ webstorm 20193.3 latest activation patch installation activation tutorial and Chinese tutorial shared by developeppaer. This tutorial is based on the latest version of developeppaer. All the installation and activation steps are tested by the editor himself, so please feel free to install according to the steps.