插件
- stylelint 样式格式化 Stylelint - Visual Studio Marketplace
- prettier : 代码格式化 Prettier - Code formatter - Visual Studio Marketplace
- eslint
- gitlens 方便查看 git 修改记录
- QuickType 将json数据转为 可用类型 Paste JSON as Code (Refresh) - Visual Studio Marketplace
- Name: Beautify css 格式化
Id: HookyQR.beautify
Description: Beautify code in place for VS Code
Version: 1.5.0
Publisher: HookyQR
VS Marketplace Link: Beautify - Visual Studio Marketplace - Name: Can I Use Query 查看api浏览器支持
Id: WilsonWong.caniuse-query
Description: A Simple Extension for VSCode to search easily using http://caniuse.com site. Can I use provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.
Version: 0.0.1
Publisher: Wilson Wong
VS Marketplace Link: Can I Use Query - Visual Studio Marketplace - Name: Color Highlight 代码中颜色高亮显示
Id: naumovs.color-highlight
Description: Highlight web colors in your editor
Version: 2.5.0
Publisher: Sergii Naumov
VS Marketplace Link: Color Highlight - Visual Studio Marketplace - Name: Fullstack React/React Native snippets react代码快捷键工具
Id: walter-ribeiro.full-react-snippets
Description: Code snippets for React/React Native and extra libs
Version: 1.4.2
Publisher: Walter Ribeiro
VS Marketplace Link: Fullstack React/React Native snippets - Visual Studio Marketplace - Name: Image preview 图片可以在代码中预览
Id: kisstkondoros.vscode-gutter-preview
Description: Shows image preview in the gutter and on hover
Version: 0.30.0
Publisher: Kiss Tamás
VS Marketplace Link: Image preview - Visual Studio Marketplace - Name: Import Cost 显示引用的包实际的大小
Id: wix.vscode-import-cost
Description: Display import/require package size in the editor
Version: 3.3.0
Publisher: Wix
VS Marketplace Link: Import Cost - Visual Studio Marketplace - Name: Partial Diff 自定义代码比较
Id: ryu1kn.partial-diff
Description: Compare (diff) text selections within a file, across files, or to the clipboard
Version: 1.4.3
Publisher: Ryuichi Inagaki
VS Marketplace Link: Partial Diff - Visual Studio Marketplace - Name: Path Autocomplete 路径自动补充
Id: ionutvmi.path-autocomplete
Description: Provides path completion for visual studio code.
Version: 1.19.1
Publisher: Mihai Vilcu
VS Marketplace Link: Path Autocomplete - Visual Studio Marketplace
"editor.codeActionsOnSave": {
"source.fixAll": true,
"source.fixAll.eslint": true,
"source.fixAll.stylelint": true
},