1、名称: Auto Close Tag
ID: formulahendry.auto-close-tag 版本: 0.5.8 发布者: Jun Han VS Marketplace
2、名称: Auto Rename Tag
ID: formulahendry.auto-rename-tag 版本: 0.1.4 发布者: Jun Han
3、名称: Bracket Pair Colorizer
ID: coenraads.bracket-pair-colorizer 版本: 1.0.61 发布者: CoenraadS
4、名称: Chinese (Simplified) Language Pack for Visual Studio Code
ID: ms-ceintl.vscode-language-pack-zh-hans 版本: 1.46.3 发布者: Microsoft
5、名称: Code Spell Checker
ID: streetsidesoftware.code-spell-checker 版本: 1.9.0 发布者: Street Side Software
6、名称: cssrem
ID: cipchk.cssrem 版本: 0.1.0 发布者: cipchk
7、名称: Debugger for Chrome
ID: msjsdiag.debugger-for-chrome 版本: 4.12.8 发布者: Microsoft
8、名称: Easy LESS
ID: mrcrowl.easy-less 版本: 1.6.3 发布者: mrcrowl
9、名称: ES7 React/Redux/GraphQL/React-Native snippets
ID: dsznajder.es7-react-js-snippets 版本: 2.8.2 发布者: dsznajder
10、名称: ESLint
ID: dbaeumer.vscode-eslint 版本: 2.1.6 发布者: Dirk Baeumer
11、名称: GitLens — Git supercharged
ID: eamodio.gitlens 版本: 10.2.2 发布者: Eric Amodio
12、名称: HTML CSS Support
ID: ecmel.vscode-html-css 版本: 0.2.3 发布者: ecmel
13、名称: JS JSX Snippets
ID: skyran.js-jsx-snippets 版本: 10.1.0 发布者: sky ran
14、名称: json2ts
ID: gregorbiswanger.json2ts 版本: 0.0.6 发布者: Gregor Biswanger
15、名称: Live Server
ID: ritwickdey.liveserver 版本: 5.6.1 发布者: Ritwick Dey
16、名称: markdownlint
ID: davidanson.vscode-markdownlint 版本: 0.36.1 发布者: David Anson
17、名称: Move TS - Move TypeScript files and update relative imports
ID: stringham.move-ts 版本: 1.12.0 发布者: stringham
18、名称: mpvue snippets
ID: banxi.mpvue-snippets 版本: 1.2.2 发布者: banxi
19、名称: One Monokai Theme
ID: azemoh.one-monokai 版本: 0.4.6 发布者: Joshua Azemoh
20、名称: open in browser
ID: techer.open-in-browser 版本: 2.0.0 发布者: TechER
21、名称: Path Intellisense
ID: christian-kohler.path-intellisense 版本: 2.2.1 发布者: Christian Kohler
22、名称: Prettier - Code formatter
ID: esbenp.prettier-vscode 版本: 5.1.3 发布者: Prettier
23、名称: Settings Sync
ID: shan.code-settings-sync 版本: 3.4.3 发布者: Shan Khan
24、名称: TypeScript Extension Pack
ID: loiane.ts-extension-pack 版本: 0.2.0 发布者: Loiane Groner
25、名称: TypeScript Hero
ID: rbbit.typescript-hero 版本: 3.0.0 发布者: Christoph Bühler
26、名称: TypeScript Importer
ID: pmneo.tsimporter 版本: 2.0.1 发布者: pmneo
27、名称: Vetur
ID: octref.vetur 版本: 0.24.0 发布者: Pine Wu
需要在settings.json中配置 才能不会出现自动补齐尾部逗号
"vetur.format.defaultFormatterOptions": { "prettier": { "singleQuote": true, "semi": false, "trailingComma": "none" } },
28、名称: vscode wxml
ID: coderfee.vscode-wxml 版本: 0.1.9 发布者: coderfee
29、名称: vscode-icons
ID: vscode-icons-team.vscode-icons 版本: 10.1.1 发布者: VSCode Icons Team
30. 名称：Vue Extension Pack
ID：vtrois.vue-extension-pack-vscode 版本：0.1.3 发布者：Vtrois
用于vscode ctrl+s保存的时候自动eslint格式化
需要在vscode点击设置，输入eslint，点击settings.json, 将
{ // tab 大小为2个空格 "editor.tabSize": 2, // 100 列后换行 "editor.wordWrapColumn": 100, // 保存时格式化 "editor.formatOnSave": true, // 开启 vscode 文件路径导航 "breadcrumbs.enabled": true, // prettier 设置语句末尾不加分号 "prettier.semi": true, // prettier 设置强制单引号 "prettier.singleQuote": true, // 选择 vue 文件中 template 的格式化工具 "vetur.format.defaultFormatter.html": "prettyhtml", // 显示 markdown 中英文切换时产生的特殊字符 "editor.renderControlCharacters": true, // 设置 eslint 保存时自动修复 "eslint.autoFixOnSave": true, // eslint 检测文件类型 "eslint.validate": [ "javascript", "javascriptreact", { "language": "html", "autoFix": true }, { "language": "vue", "autoFix": true } ], // vetur 的自定义设置 "vetur.format.defaultFormatterOptions": { "prettier": { "singleQuote": true, "semi": false, "trailingComma": "none" } }, "[javascript]": { "editor.defaultFormatter": "HookyQR.beautify" }, "window.zoomLevel": 1, "files.autoSave": "off", "[vue]": { "editor.defaultFormatter": "octref.vetur" }, "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "files.associations": { "*.cjson": "jsonc", "*.wxss": "css", "*.wxs": "javascript" }, "emmet.includeLanguages": { "wxml": "html" }, "minapp-vscode.disableAutoConfig": true, "git.autofetch": true, "diffEditor.ignoreTrimWhitespace": false, "gitlens.gitCommands.closeOnFocusOut": true, "javascript.format.insertSpaceAfterFunctionKeywordForAnonymousFunctions": false, "beautify.config": "", "vetur.grammar.customBlocks": { "docs": "md", "i18n": "json" }, "[html]": { "editor.defaultFormatter": "vscode.html-language-features" }}
覆盖原有的即可
另一种方法是找到项目中的package.json中scripts中lint中加入--fix，然后在终端用npm run lint --fix 即可
"lint": "eslint --fix --ext .js,.vue src",
40、名称: Beautify hookuqr.beautify
ID: Beautify code in place for VS Code 版本: 10.1.1 发布者: HookyQR
用于Vetur没办法格式化js文件的问题
