preface

For common ides, I used to focus on two, lightweight Sublime Text and heavy Web Storm. But recently, I found that the computer is getting more and more stuck when opening Web Storm. I often click on the icon and wait for a minute or two before receiving a response. In addition, I cracked Web Storm using the registration code, and the time is about to expire. So I was ready to change to a rather silky IDE. At this time, I thought of Microsoft VS Code recommended by my friend before. Browsing through VS Code, a few things attracted me: open source and free, open silky and support for multiple languages. Plus behind is Microsoft this thigh, think it is ok to change. Having taken a look at VS Code’s main architecture, it is not unreasonable to find that it is silky. It provides an ontology containing some basic functionality, and for other additional functionality and productivity tools, it exists as a plug-in in the internal store. The user needs to personalize the installation according to their own needs, to be honest, if I used to feel that this way of installing plug-ins is very troublesome, rather than you put it all together for me. But I don’t think so anymore. You have to lose something to gain something, and you can’t avoid some ways to better understand yourself and be more in control just to be lazy. This is an idea that I think an Internet practitioner should not have. In this ever-changing industry with an unknown future, we should grasp the changes and make preparations for them.

The installation

The first is to install, go directly to the official website to download the corresponding version. (code.visualstudio.com)

Change to Chinese

VS Code has native support for multiple languages, so you don’t need to install additional plug-ins unless you encounter special situations.

  1. Open the VScode tool;
  2. Use the shortcut key combination [Ctrl+Shift+ P] or [Command+Shift+ P], enter “Configure Display Language” in the search box and click OK.
  3. Change locale in the locale.json file to en-cn.
  4. Restart the VScode tool.

You should be able to do that by now. But I encountered a special situation, after the restart is still English. So continue to search the solution, that is to continue to install simplified Chinese plug-in. In the store shown above, search to install the simplified Chinese plugin.

Plug-in installation

VS Code has a rich set of plug-ins that you can install to suit your needs.

  • Less plug-in

    1. Search in the VS Code storeEasy LessAnd installation. After installation, it is best to restart the software.
    2. Create a.less file where the CSS file needs to be generated.
    3. Write the style you need in it, save it, it will automatically generate a CSS file with the same name in the same directory.

  • Atom One Dark Theme

This is my favorite topic

  • Beautify formatting code plug-in

  • EsLint code specification

A good code specification helps to work and facilitate communication.

  • Filesize filesize

The lower left corner shows the file size information.

  • git history

Using the sourcetree bifurcation tree as a representation of the branch can directly reflect the changes in the branch.