A selection of common VS Code plug-ins

preface

Code format specifications have always been a pain point in development. The following are Visual Studio Code development tools. In my work, I summarize the common code format plug-ins

Example:

Format before

.second_kill {
  background: #fff;
  margin-top: 20px;
  padding: 30px;
  display: flex;
align-items: center;
justify-content: space-between;
font-size: 26px;
border-bottom: 2px solid #ccc;
}

.order {
    display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  padding: 30px;
}

After the format

.second_kill {
  background: #fff;
  margin-top: 20px;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 26px;
  border-bottom: 2px solid #ccc;
}

.order {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  padding: 30px;
}

Vetur

File extension

Prettier

Perfect formatting code, custom formatting code distance to the left grid number

Beautify

Make the code more hierarchy, highlighting various code colors

Chinese

Change the editor to Chinese

Dart

The Flutter project relies on the environment

Mina

WeChat small program environment code prompt

Welcome comments to add common plugins, thank you. Code word is not easy, the front of the screen handsome than, more dry articles please pay attention to!!

Note: ★ Part of the material from the network, copyright belongs to the original, if there is infringement, please contact to delete