【前端提效】-- VsCode 实用插件推荐

EditorConfig for VS Code *****

作用:多人协同开发,规范缩进风格,缩进大小,tab长度以及字符集等,解决不同IDE的编码范设置,在这里配置(.editorconfig)的代码规范规则优先级高于编辑器默认的代码格式化规则。

 ESLint  *****

作用:ESLint插件(它可以配置你工作区中的 eslintrc.js文件 相关配置来帮你修复你代码中 javascript 语法错误问题

Prettier - Code formatter *****

作用:专注于代码格式化的工具,美化代码.prettierrc 文件)

Auto Rename Tag ***

作用:重命名一个HTML / XML标签时,自动重命名配对的HTML / XML标签

 GitLens *****

作用:方便快速查找自己和他人的 git 提交记录,非常好用的插件。(PS:还有很多功能,请查阅相关文档)

  JavaScript (ES6) code snippets *****

作用:ES6语法智能提示,以及快速输入


Path Intellisense *****

作用:在开发时如果要引入其它文件夹,该插件能自动提示文件名、文件路径。非常好用!

ES7+ React/Redux/React-Native snippets  *****

作用:React/Redux/React-Native 的智能提示,支持最新react ,快速编写hook

 

Document This ***

作用:自动为 typescript 和 javascript 生成注释

使用:光标选择对应变量,连续 Ctrl+Alt+D 2次

 Import Cost ***

作用:自动计算引入包大小

 

 Turbo Console Log ***

作用:用来快速生成、注释、删除console.log的插件

使用:光标选择对应变量,连续 Ctrl+Alt+L 2次

Code Spell Checker *

作用:自动校验单词拼写错误,并给出正确单词

Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code ***

 作用:将VSCode操作界面转换为中文

 Polacode **

作用: 代码截图工具 

使用:1、 "ctrl+shift+p" ,输入polacode

2、点击圈圈截图

Tailwind CSS IntelliSense

作用:如果项目有使用Tailwind,这个插件可以智能提示 对应的样式

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值