vscode常用插件配置

 新环境 新电脑 一切都要从头开始安装 记录一下 减少不必要的麻烦问题。

工欲善其事必先利其器

1. 代码规范

  • ESLint:插件式架构,有多种主流的编码风格规则集可供选择,典型的有 AirbnbGoogle等,你甚至可以攒个自己的,按下不表;

2. 自动补全

  • Auto Close Tag,适用于 JSX、Vue、HTML,在打开标签并且键入 </ 的时候,能自动补全要闭合的标签;
  • Auto Rename Tag,适用于 JSX、Vue、HTML,在修改标签名时,能在你修改开始(结束)标签的时候修改对应的结束(开始)标签,帮你减少 50% 的击键;
  • Path Intellisense,文件路径补全,在你用任何方式引入文件系统中的路径时提供智能提示和自动完成;
  • NPM Intellisense,NPM 依赖补全,在你引入任何 node_modules 里面的依赖包时提供智能提示和自动完成;
  • IntelliSense for CSS class names,CSS 类名补全,会自动扫描整个项目里面的 CSS 类名并在你输入类名时做智能提示;

3. 代码片段

参考链接:https://juejin.im/post/6844903510685794318

VSCode是一款功能强大的编辑器,它支持使用插件来扩展和定制功能。以下是一些常用VSCode插件: 1. Prettier:这是一个代码格式化插件,可使您的代码整齐统一,提高可读性。 2. ESLint:这是一个JavaScript代码检查工具,它可以帮助您捕获潜在的错误和优化代码。 3. GitLens:这个插件为您的代码提供了Git集成,您可以轻松地查看代码的历史记录、作者信息和更多详细信息。 4. Code Runner:这个插件可以直接在VSCode中运行您的代码。它支持多种编程语言,为您提供了方便的代码运行环境。 5. Live Server:这个插件可以帮助您在本地创建一个简单的本地服务器,并自动刷新您的网页内容。这对于前端开发和调试非常有用。 6. Bracket Pair Colorizer:这个插件可以为您的代码中的括号添加不同的颜色,使您更容易地识别和匹配括号。 7. Path Intellisense:这个插件可以为您的代码中的文件路径和导入提供智能提示和自动补全。它可以大大提高您的开发效率。 8. Docker:这个插件可以与Docker集成,帮助您管理和操作容器和镜像。 9. IntelliSense for CSS class names:这个插件为您的HTMLCSS代码提供智能提示和自动补全。它可以更快地编写和编辑CSS类名。 10. Remote - SSH:这个插件可以帮助您通过SSH远程连接到其他机器,并在VSCode中进行编辑和调试。 以上是一些常用VSCode插件,您可以根据自己的需求选择适合您的插件来提高开发效率和代码质量。 至于.vscode文件压缩包,它是包含了VSCode工作区配置的压缩文件。VSCode的工作区配置包括项目的设置、调试配置、启动任务和其他自定义配置。您可以将.vscode文件夹压缩成一个.zip或者.tar.gz文件,并与您的项目一起分享或备份。当您或其他人解压缩并在VSCode中打开这个压缩包时,VSCode会自动加载工作区配置,并应用于项目。这方便了项目的共享和团队协作,使得项目的配置能够一致和统一。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值