VS Code插件

打开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

(编写代码特效,不推荐使用)

使用方法



未完待续。。。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值