如何设置VScode语言为中文,并且解决中文注释乱码。
vscode官网下载地址:https://code.visualstudio.com/
插件官网地址:https://marketplace.visualstudio.com/
1.设置语言为中文
在前端开发中,Visual Studio Code(简称vscode)是一个非常好用的工具,但第一次打开vscode会发现界面为英文,这对很多开发者来说会很不友好(比如我),把界面设置成中文只需要安装一个插件即可,下面是步骤。
1.打开vscode,界面如下:
2.安装插件的方法:
方法1:直接点击这里
![vscode设置中文模式_怎么把vscode改成中文插图4 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/uploads/2024/04/7veIZ3.jpg)
![vscode设置中文模式_怎么把vscode改成中文插图5 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
![vscode设置中文模式_怎么把vscode改成中文插图6 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/uploads/2024/04/7veIZ3.jpg)
![vscode设置中文模式_怎么把vscode改成中文插图7 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
方法2:按快捷键Ctrl+Shift+P,在出现的框里输入extensions,然后回车。
![vscode设置中文模式_怎么把vscode改成中文插图8 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/uploads/2024/04/QgZ5yIt-scaled.jpg)
![vscode设置中文模式_怎么把vscode改成中文插图9 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
![vscode设置中文模式_怎么把vscode改成中文插图10 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/uploads/2024/04/QgZ5yIt-scaled.jpg)
![vscode设置中文模式_怎么把vscode改成中文插图11 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
方法3:按快捷键Ctrl+P,在框内输入:ext install,然后回车。
![vscode设置中文模式_怎么把vscode改成中文插图12 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/uploads/2024/04/80AJ55R-scaled.jpg)
![vscode设置中文模式_怎么把vscode改成中文插图13 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
![vscode设置中文模式_怎么把vscode改成中文插图14 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/uploads/2024/04/80AJ55R-scaled.jpg)
![vscode设置中文模式_怎么把vscode改成中文插图15 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
完成方法一或方法二或方法三 中的其中一种都会来到下面这个界面:
![vscode设置中文模式_怎么把vscode改成中文插图16 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/uploads/2024/04/17U9Z.jpg)
![vscode设置中文模式_怎么把vscode改成中文插图17 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
![vscode设置中文模式_怎么把vscode改成中文插图18 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/uploads/2024/04/17U9Z.jpg)
![vscode设置中文模式_怎么把vscode改成中文插图19 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
3.在搜索框输入Chinese (Simplified) Language Pack for Visual Studio Code(基本上输入Chinese就出来了),然后点击install进行下载(可以根据自己选择中文简体和中文繁体)。
![vscode设置中文模式_怎么把vscode改成中文插图20 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/uploads/2024/04/gl1geQ48.jpg)
![vscode设置中文模式_怎么把vscode改成中文插图21 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
![vscode设置中文模式_怎么把vscode改成中文插图22 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/uploads/2024/04/gl1geQ48.jpg)
![vscode设置中文模式_怎么把vscode改成中文插图23 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
下载完之后如下图。
![vscode设置中文模式_怎么把vscode改成中文插图24 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/uploads/2024/04/Zz972.jpg)
![vscode设置中文模式_怎么把vscode改成中文插图25 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
![vscode设置中文模式_怎么把vscode改成中文插图26 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/uploads/2024/04/Zz972.jpg)
![vscode设置中文模式_怎么把vscode改成中文插图27 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
4.最后一步只需要把软件叉掉重新打开即可看到界面由英文变成了中文界面。
![vscode设置中文模式_怎么把vscode改成中文插图28 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/uploads/2024/04/0y748Oqp.jpg)
![vscode设置中文模式_怎么把vscode改成中文插图29 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
![vscode设置中文模式_怎么把vscode改成中文插图30 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/uploads/2024/04/0y748Oqp.jpg)
![vscode设置中文模式_怎么把vscode改成中文插图31 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
2.解决中文注释乱码问题
第一次用vscode打开代码会出现中文注释因识别不了而乱码的情况,类似这样:
![vscode设置中文模式_怎么把vscode改成中文插图32 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/uploads/2024/04/i9kX30.jpg)
![vscode设置中文模式_怎么把vscode改成中文插图33 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
![vscode设置中文模式_怎么把vscode改成中文插图34 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/uploads/2024/04/i9kX30.jpg)
![vscode设置中文模式_怎么把vscode改成中文插图35 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
解决它只需要按照下面步骤设置一下就可以了。
1.单击软件左下角设置(类似齿轮)的按钮
![vscode设置中文模式_怎么把vscode改成中文插图36 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/uploads/2024/04/62w8dWF8p.jpg)
![vscode设置中文模式_怎么把vscode改成中文插图37 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
![vscode设置中文模式_怎么把vscode改成中文插图38 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/uploads/2024/04/62w8dWF8p.jpg)
![vscode设置中文模式_怎么把vscode改成中文插图39 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
2.单击之后会出现这样的菜单栏,单击设置。
![vscode设置中文模式_怎么把vscode改成中文插图40 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/uploads/2024/04/uXJAk2L-scaled.jpg)
![vscode设置中文模式_怎么把vscode改成中文插图41 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
![vscode设置中文模式_怎么把vscode改成中文插图42 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/uploads/2024/04/uXJAk2L-scaled.jpg)
![vscode设置中文模式_怎么把vscode改成中文插图43 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
3.在出现的搜索框里输入:Files.autoGuessEncoding,按回车键确定。
![vscode设置中文模式_怎么把vscode改成中文插图44 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/uploads/2024/04/2ac5ST5z1.jpg)
![vscode设置中文模式_怎么把vscode改成中文插图45 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
![vscode设置中文模式_怎么把vscode改成中文插图46 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/uploads/2024/04/2ac5ST5z1.jpg)
![vscode设置中文模式_怎么把vscode改成中文插图47 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
4.把这个选项勾上即可。
![vscode设置中文模式_怎么把vscode改成中文插图48 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/uploads/2024/04/9HZ0Gt.jpg)
![vscode设置中文模式_怎么把vscode改成中文插图49 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
![vscode设置中文模式_怎么把vscode改成中文插图50 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/uploads/2024/04/9HZ0Gt.jpg)
![vscode设置中文模式_怎么把vscode改成中文插图51 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
5.返回到刚刚所查看的程序界面,发现乱码消失,中文注释可以正常显示。
![vscode设置中文模式_怎么把vscode改成中文插图52 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/uploads/2024/04/7OzYv.jpg)
![vscode设置中文模式_怎么把vscode改成中文插图53 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
![vscode设置中文模式_怎么把vscode改成中文插图54 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/uploads/2024/04/7OzYv.jpg)
![vscode设置中文模式_怎么把vscode改成中文插图55 vscode设置中文模式_怎么把vscode改成中文](https://sigusoft.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
完成。
2024最新激活全家桶教程,稳定运行到2099年,请移步至置顶文章:https://sigusoft.com/99576.html
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。 文章由激活谷谷主-小谷整理,转载请注明出处:https://sigusoft.com/10547.html