vscode常用使用总结

常用插件

1. Auto Close Tag
2. Auto Rename Tag
3. Chinese (Simplified) Language Pack for Visual Studio Code
4. Document This
5. Eslint
6. GitLens
7. Prettier - Code formatter
8. Vetur
9. Search node_modules
10. tabNine
11. Antd Rush

常用快捷键

• 设置： macOSCommand + ,, windowsctrl + ,

自动格式化配置

prettier + eslint

# settings.json

"editor.formatOnSave": true,
"editor.defaultFormatter": "esbenp.prettier-vscode"

常用配置

{
    "window.zoomLevel": 1,
    "workbench.colorTheme": "Relax Eyes Solarized",
    "terminal.integrated.rendererType": "dom",
    "workbench.sideBar.location": "left",
    "javascript.implicitProjectConfig.experimentalDecorators": true,
    "editor.fontSize": 13,
    "typescript.tsdk": "./node_modules/typescript/lib",
    "extensions.ignoreRecommendations": false,
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "[jsonc]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "editor.formatOnSave": true,
    "tabnine.experimentalAutoImports": true,
    "editor.formatOnPaste": true,
    "editor.formatOnType": true,
    "prettier.resolveGlobalModules": true,
    "prettier.printWidth": 120,
    "prettier.tabWidth": 4,
    "prettier.singleQuote": true,
    "prettier.jsxBracketSameLine": true,
    "prettier.trailingComma": "none",
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
    "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact"]
}