vscode 的常用插件分享

本文介绍了VSCode的多个实用插件,如Auto Rename Tag可自动重命名标签,Code Spell Checker能检测单词并提供选择等。还列举了VSCode常用快捷键,像Ctrl + D可选择元素并查找下一个,Alt+↑/↓能将当前行上移或下移等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1. Auto Rename Tag        自动重命名标签

 

2. Bracket Pair Colorizer 显示选中的块级区域

 

3. Chinese (Simplified) Language Pack for Visual Studio Code        中文包

4. Code Spell Checker        检测单词并提供一些选择

 点击灯泡就能看到提示了,适合单词不太熟的同学

 

5. CCS Peek可以从html点击类名会跳转到对应的css的位置

 在类名上右键,转到定义/速览定义

 

6. Import Cost可以计算引入的文件的大小

这种方式在后面会说

 

7. jQuery Code Snippets 关于jq的快捷使用

 

8. Live Server保存代码,浏览器自动刷新

 

9. Path Autocomplete for Visual Studio Code自动匹配文件路径

 

10. View In Browser        vscode打开浏览器的方法

11. Open in Browser        同上

 

Vscode常用快捷键:

1. Ctrl + D  // 选择一个元素,ctrl+d查找下一个并且选中

2. Alt+↑/↓ // 将当前行上移/下移一行

3. Alt+shift+↑/↓ // 复制粘贴当前行

4. Ctrl+Enter                // 直接换行

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:这个插件为您的HTML和CSS代码提供智能提示和自动补全。它可以更快地编写和编辑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、付费专栏及课程。

余额充值