前端vscode必备插件

最新推荐文章于 2025-07-25 18:47:57 发布
最新推荐文章于 2025-07-25 18:47:57 发布
阅读量2.3k 收藏 1
点赞数
CC 4.0 BY-SA版权
文章标签： vscode 前端 javascript css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zzdjdbd/article/details/127550844
本文介绍了VSCode的相关使用技巧。包括将VSCode界面翻译为中文，还推荐了几个实用插件，如自动闭合标签的Auto Rename Tag、编写CSS时提示类名的CSS Navigation、实现浏览器与VSCode同步修改的Live Server，以及可用于翻译的驼峰翻译助手。

1. Chinese (Simplified) (简体中文) Langua

        将vscode界面翻译为中文

  

 

 2. Auto Rename Tag

        自动闭合标签

 

 3. CSS Navigation

        编写css文件时，可以提示index页面中的类名

 

 4. Live Server

        用Live Server打开页面，浏览器会与vscode会同步修改，不用刷新页面

 5. 驼峰翻译助手

        起名字时，英文不会写，可以用来翻译。或者翻译不认识的单词。选中要翻译的文本，然后右键，点击驼峰翻译，即可。

前端悦悦
关注
VSCode 2025最新前端开发必备插件推荐汇总（提效指南）
Code_流苏：在代码中寻诗意，在实践中觅真知
03-11 3987
VSCode 2025最新前端开发必备插件推荐（提效指南）
2024最新VSCode实用插件推荐，开发效率遥遥领先！超全面，快收藏~
石小石Orz的博客
08-28 2790
大家好，我是石小石！作为前端开发，vscode好比我们的衣食父母，不可或缺。我相信大家都试过给编译器装一些插件，用来提升开发效率。这篇文章，我将结合自己的工作经验，向大家推荐我工作中用到的一些插件，我会尽可能详细和全面介绍。如果大家有更好用的插件，欢迎在评论区分享！
vscode翻译插件最佳搭配、翻译变量、划词翻译、中译英（提高生产效率）
热门推荐
幻日のヨハネ
06-16 12万+
需求 假设是一个不会英语的小白，那么写出可读性强的代码必须： 有给变量自动翻译为英语的功能 要能划词翻译，从而看懂别人的代码和注释 自己代码的注释也要能中译英 插件的不能快捷键冲突 插件 使用以下插件即可完美解决以上几个问题。 var-translate 快捷键 Alt + Shift + T 用法 写变量名或者函数名先打中文，Ctrl + shift + ← 选中后按快捷键翻译为英文。 效果 可以看到多种选项，非常丰富，满足了不同场景的需要。 配置项 多个翻译 api 供选择。 Comment
VSCode自用插件推荐：注释翻译、代码行数统计等
ZZQ的博客
04-08 4325
在VSCode中使用英文翻译、括号匹配等插件提高工作效率
VS Code必备插件神器
最新发布
一个程序员的博客
07-25 2570
作为一名开发人员，大家会一直寻找可以帮助改进日常工作流程的解决方案，VS Code 市场中就有很多优秀的扩展插件程序。
vscode-translator:VSCode 翻译插件，提供生词本功能
04-28
vscode-translator 一个 VSCode 的翻译插件，使用快捷键 cmd + shift + t 可快速实现中英文互译。 Features 主要有两大功能 单个单词显示详细翻译、长句子翻译 生词本定时复习（10分钟弹出一次，直到你背下来这个单词/句子）
VSCode翻译插件、react项目国际化开发方法、umi项目做国际化开发
zl的博客
08-11 1527
du-i18n插件为本地开发工作提供敏捷的开发模式，提供一键扫描中文、提取文案、文案回显、在线翻译、文案上传、拉取线上文案、翻译漏检、切换语言以及分析统计等功能。i18n技术栈，兼容vue2，vue3，react，js/ts，同时满足不同阶段多语言发展的开发模式，无论是本地保存文案模式，还是线上保存文案模式皆可适用。1、功能支持文案回显支持一键扫描中文支持中文提取到指定文件支持本地或远程在线翻译支持文案上传到远程服务支持拉取线上文案，定位文案的代码位置支持翻译漏检功能。
代码翻译 (英汉词典) - Visual Studio Code插件
05-16
批量翻译适用于Java，Python，PHP等代码。 本地77万词条英汉词典，不依赖任何在线翻译API，无查询次数限制。可翻译驼峰和下划线命名，及对整个文件中的标识符批量翻译。Translate a selected identifier, or all the recognized identifiers in one source file.
Vscode中翻译插件【code-translator】
qq_47885795的博客
07-10 1万+
这个插件可翻译英文也可翻译中文，很强！！！
vscode翻译插件、翻译变量、划词翻译、中译英（提高生产效率）
走走停停
08-06 2万+
插件 使用以下插件即可完美解决以上几个问题。 Comment Translate 用法 选中自动翻译，很简单。 其他 这款插件还配有自动翻译功能，但不是特别灵敏好用，按Ctrl + Shift + P输入 translate 选择翻译选区即可。 Google Translate 快捷键 Ctrl + Shift + T 用法 输入中文，选中之后按快捷键秒翻译为英文，速度很快，而且不与其他两个插件冲突。 配置项 可以调整翻译其他语言 这两款插件搭配起来翻译很好...
VSCode必备插件！
m0_65696193的博客
04-10 812
但是这个插件有个缺点，安装成功以后，每次打开vscode都会提示code似乎有损坏，因为这个插件是修改了vscode的css文件，vscode检测到自己的文件被篡改了以后就会有这个报错提醒。28.Bracket Pair Colorizer：用于着色匹配括号，让你的代码分层更清晰，因为太好用，现在已经被官方收录，在扩展程序中搜索跳转到设置，打开就行。7.Live Server 用服务器的方式来查看html文件，不要用右键插件本地文件的形式，因为那是file文件协议，应该使用http协议。
VScode必备插件、Emmet语法、面试题更新——用到老
N奈斯先生的博客
08-20 1219
   欢迎加入前端技术营！如果你也是前端学习者或者对前端有学习的想法，那就跟着我一起从零开始进击前端。   致力于尽可能详细且简洁的介绍前端知识、自己的捷径，也是学习路上的记录。欢迎探讨 目录 一、VScode必备插件 二、Emmet语法 三、每日面试题 一、VScode常用插件 1、VScode介绍 vscode作为微软开发的的一款代码编辑器，就如官网上说的一样，vscode重新定义（redefined）了代码编辑器。 当前市面上常用的轻型代码编辑器主要是：sublime，notepad++，edi
分享一个vscode中好用的翻译插件【Code Translate】
qq_24484317的博客
02-06 1万+
翻译插件
vscode翻译插件
编程技术， 日益精进
11-07 1271
麻烦给个star把， 制作不易
【工具】Vscode翻译插件推荐（不用谷歌翻译api、支持短句英汉互译、支持查词、支持自动补全、不需要浏览器）
shandianchengzi的博客
10-07 6万+
不用谷歌翻译api、支持英汉互译、支持自动补全、不需要浏览器、支持句子互译。
vscode——VScode中增加翻译插件
Xiaomoxie的博客
10-18 1万+
这款插件还配有自动翻译功能，但不是特别灵敏好用，按 Ctrl + Shift + P 输入 translate 选择翻译选区即可。ps：选择源不要选择谷歌，选择bing比较稳定。选中自动翻译，很简单。
手把手写一个vscode翻译插件
weixin_50096821的博客
10-26 4439
写这篇文章的初衷是看到市场上的中英翻译插件都是将翻译结果以弹窗的形式做的，体验感非常不好。如果有像有道字典那种打开一个弹窗或者新tab的翻译面板来进行使用就好了。但是找了很久都没有找到，所以就自己写了一个。成品如下：仓库地址：https://github.com/atdow/translation-panel如果想体验该翻译面板插件，请在vscode插件市场中搜索并安装:右键打开菜单栏，并选择，即可打开该翻译插件：开发所需的技术是、、。选择vue的原因是本人开发多以vue为主，所以就首选了vue。单从开发w
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值