我的VScode之旅--开发中遇到的各种vscode配置问题

1.vscode怎么设置显示语言(英文or中文)?
答:按住快捷键ctrl+shift+p,在搜索框中输入 configure language,之后选择,英文:en,中文:zh-cn
我的VScode之旅--开发中遇到的各种vscode配置问题

2.vscode怎么设置默认的浏览器?
答:
(1)安装open in browser插件
安装完open in browser插件之后,右键点击html文档,就可以看到多出了两个选项,分别是Open In Default Browser和Open In Other Browsers,点击即可进行预览
①Open In Default Browser 使用默认浏览器打开,快捷键是alt+b
②Open In Other Browsers 使用其他浏览器打开,快捷键:alt+shift+b
我的VScode之旅--开发中遇到的各种vscode配置问题
(2)修改默认浏览器(比如我们想要修改为chrome)
①选择文件-首选项-设置–输入open-in-browser.default
②在出现的编辑框中编辑{“open-in-browser.default” : “Chrome”}
我的VScode之旅--开发中遇到的各种vscode配置问题

3.使用vscode怎么实现在网页中同步刷新?
答:
(1)下载Live Server插件
安装之后右键点击html文档,会多出Open With Live Server,点击即可进入正在运行的浏览器

4.使用vscode之前点击Open In Live Server都是打开我正在用的chrome,但是有时候明明正在用的还是chrome,点击后却会新弹出IE浏览器,但是我还是想要用chrome怎么办?
答:
(1)文件–首选项–设置–输入:liveServer.settings.CustomBrowser,之后在下面选择Chrome即可。
我的VScode之旅--开发中遇到的各种vscode配置问题

5.使用vscode的时候发现报错!Server is started at 5500 but failed to open in Browser Preview.Got Browser Preview extension installed?
我的VScode之旅--开发中遇到的各种vscode配置问题
答:那是因为我们勾选了Use Browser Preview.
解决:文件-首选项-设置-输入liveServer,会出现关于很多liveServer的设置,我们找到Use Browser Preview将前面的对勾(√),勾掉,即可解决问题!
我的VScode之旅--开发中遇到的各种vscode配置问题

6.在使用vscode中需求是:在bt_food文件夹下面创建一个img文件夹,一个index.html.一个style.css,但是当我创建bt_food–img之后,img文件夹并没有下来,我就是看着很难受,想要这个img文件夹下来怎么办?
我的VScode之旅--开发中遇到的各种vscode配置问题
答:
①在img文件夹的同级创建文件或者文件夹,img文件夹就可以下来。
(但是我在这其中就是遇到一个问题,就是我选择bt_food文件夹的时候,右击创建文件却创建到了img文件夹下面,就是怎么都创建不到img的同级中)如果遇到这种情况的话,就是右击目录位置,选择在资源管理器中显示,然后到硬盘中的img文件夹同级创建一个文件或者文件夹。然后就可以解决了。

②出现这个情况其实是和vscode的配置有关系的
进入文件–首选项–设置–搜fold–然后在出现的设置中找到compact folders,将前面的对勾√,勾掉!然后以后就不会这样显示了。
我的VScode之旅--开发中遇到的各种vscode配置问题