打开VSCode之后,找到扩展--->搜索插件--->点击install安装插件--->重启
以下是最常用的插件:
Chinese (Simplified)
(简体中文)
Path Intellisense
(路径补全)
open in browser
(浏览器打开)
Live Server
(服务端启动)
JS JSX Snippets
(js/jsx/ts/tsx 代码补全)
Auto Import
(标签补全)
Auto Close Tag
(标签补全)
Auto Rename Tag
(标签补全)
Code Spell Checker
(推荐你可能需要的英语命名备)
Color Highlight
(代码高亮)
Color Picker
(颜色选择器)
EditorConfig for VS Code
(码风格统一)
Prettier - Code formatter
(代码整齐)
Eslint
(代码规范)
HTML CSS Support
(补充HTML和CSS的属性代码)
JavaScript (ES6) code snippets
(ES6语法JavaScript代码片段)
Bracket Pair Color DLW
(给括号加上不同的颜色)
Class autocomplete for HTML
(CSS自动补全)
Vue VSCode Snippets
(vue快捷键模板)
vscode-json
(美化JSON)
any-rule
(包含86种正则表达式)
Minify
(将代码压缩成一行)
Vue Language Features (Volar)
(Vue 3 构建的语言支持插件)
Vetur
(Vue 3 开发必备插件)
Vue 3 Snippets
(Vue 3 补全代码)
vue-component
(Vue 3 补全组件)
Dracula Official
(Vue 3 主题)
Vue Volar extension Pack
(vue volar扩展包)
CodeSnap
(将所选代码截图)
image preview
(鼠标hover图片路径上,显示图像预览)
px to rem
(Vscode中px转rem插件的使用)
VSCode Great Icons
(Vscode文件夹图标)
小程序开发助手
(微信小程序必备插件)
weapp-api
(微信小程序 API 代码片段)
weapp-wxml
(微信小程序 wxml)
wechat-snippet-vscode
(微信小程序插件)
wxapp-helper
(小程序助手)
WXML - Language Service
(微信小程序注释)
easysass
(sass 高亮显示)
CodeGeeX
(可以实现通过描述生成代码、补全代码、代码翻译等一系列功能)
Power Mode
(编写代码特效,不推荐使用)