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

1.vscode怎么设置显示语言(英文or中文)?
答:按住快捷键ctrl+shift+p,在搜索框中输入 configure language,之后选择,英文:en,中文:zh-cn
在这里插入图片描述

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
在这里插入图片描述
(2)修改默认浏览器(比如我们想要修改为chrome)
①选择文件-首选项-设置–输入open-in-browser.default
②在出现的编辑框中编辑{“open-in-browser.default” : “Chrome”}
在这里插入图片描述

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即可。
在这里插入图片描述

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

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

②出现这个情况其实是和vscode的配置有关系的
进入文件–首选项–设置–搜fold–然后在出现的设置中找到compact folders,将前面的对勾√,勾掉!然后以后就不会这样显示了。
在这里插入图片描述

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值