Vs code official plug-in set and tools

Time:2021-8-30

If you also useVS CodeAsCabloyJSFor the main editor of project development, you can refer to the official plug-in set. In addition, some peripheral tools are also provided

This is officialPro test availableYou don’t have to run around anymore

Plug in set

Plug in name purpose
Vim VIM simulation
ESLint JS format verification and repair
Vetur Vue language services
.ejs EJS language service
Beautify css/sass/scss/less Format style sheet
All Autocomplete Generate autocomplete entries from open files

settings.json

Open system profilesettings.json, add the following configuration:

{
    ...
    "editor.tabSize": 2,
    "editor.formatOnSave": true,
    // eslint
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
    // associations
    "files.associations": {
        "*.js.ejs": "javascript",
        "*.css.ejs": "css",
        "*.less.ejs": "less"
    },
}

code snippet

A sample file of the code snippet is provided in the project root directory:
.vscode/cabloy.code-snippets, it is convenient for us to quickly generate various code skeletons. The code fragments currently provided are as follows:

/**
* supported code snippets as follows:
*   controller service model route
*   atom broadcast event local
*   middleware queue schedule sequence
*   startup stats test
**/

Boot Item Configuration

The startup item configuration file is provided in the project root directory:.vscode/launch.json, which is convenient for us to start directlyBack end service, enterDebugging environment