The method of automatically generating dist directory in the current directory after Ctrl + s in vscode

Time:2021-2-20

stayVsCodeinctrl+sIt will be automatically generated in the current directorydistcatalog

后会在当前目录下自动生成目录

Solution: shut downcompile-heroplug-in unit

Search in settingscompile-heroplug-in unit

Turn off all auto generationdistDirectory options (as shown in the figure below)

关闭插件

PS: let’s take a look at the Vue project Ctrl + s vscode code automatic formatting

preface

Many people develop Vue project, the code style is different

Vscode saves the code and automatically formats the code settings according to the eslint specification (the latest version of vscode configuration)

Vscode plug in

First of all, vscode needs to install some vscode plug-ins

ESLint、Vetur、Prettier-Code formatter、GitLens-Git supercharged

to configure settings.json

open settings.json , paste the configuration, and pay attention to your original vscode theme and font

Opening mode

Method 1:

1) File —. > [preferences] — > [settings]

2) Search emmet.include ;

3) In settings.json Add in workspace settings under

Method 2:

CTRL + P search settings.json

Paste the following configuration

{
 "window.zoomLevel": 0,
 "diffEditor.ignoreTrimWhitespace": false,
 "workbench.colorTheme": "One Monokai",
 "editor.fontSize": 14,
 " workbench.editor.enablePreview ": true, // preview mode is off
 " editor.formatOnSave ": true, // automatically format every time you save
 //Auto repair
 "editor.codeActionsOnSave": {
  "source.fixAll.eslint": true,
 },
 " eslint.enable ": true, // enable eslint of vscode
 //By default, vscode enables the option of automatically setting tabsize according to the file type
 "editor.detectIndentation": false,
 //Reset tabsize
 "editor.tabSize": 2,
 //Remove the semicolon at the end of the code 
 "prettier.semi": false,
 //Replace double quotation marks with single quotation marks 
 "prettier.singleQuote": true, 
 //# let the prettier use the eslint code format for verification 
 "prettier.eslintIntegration": true,
 "javascript.preferences.quoteStyle": "double",
 "typescript.preferences.quoteStyle": "double",
 //Make a space between the function (name) and the following bracket
 "javascript.format.insertSpaceBeforeFunctionPare

Here is the article about the method of automatically generating dist directory in the current directory after Ctrl + s in vscode. For more information about the content of automatically generating dist directory in the current directory of vscode, please search previous articles of developer or continue to browse the following related articles. I hope you can support developer more in the future!