为什么在VS code中的A.html中按住CTRL+SHIFT+P却打开了另一个文件B.html?

为什么在VS code中的A.html中按住CTRL+SHIFT+P却打开了另一个文件B.html?

在这里的页面按住CTRL+SHIFT+P,在浏览器中出来的却是另外一个html文件,虽然最后特地在文件夹中找到文件打开,但是有点奇怪为什么会出现这个情况

http://img1.sycdn.imooc.com//climg/5ffe4b7409ed974018391080.jpg


http://img1.sycdn.imooc.com//climg/5ffe4c0009ae35b918531025.jpg


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕久久 2021-01-13 14:26:26

同学你好,老师这里的快捷键与视频以及同学的不一样,不过没关系,只要同学不是误操作就行。同学截图上页面的地址是localhost:5500,初步怀疑live server 没有成功打开当前的页面(如果打开当前页面,当前页面的地址会拼接在localhost:5500后面,比如http://127.0.0.1:5500/a.html),而是打开了当前页面所在目录下的index.html页面。

live server在默认情况下,会打开根目录下面的index.html(即localhost:5500这个地址,是对应着根目录下的index.html页面的),如下:

http://img1.sycdn.imooc.com//climg/5ffe911c0977fa7d14680407.jpg

http://img1.sycdn.imooc.com//climg/5ffe912c09ec1df806480135.jpg

因此建议同学检查一下,“a标签嵌套div时面积错位.html”这个页面所在的目录中,是否有index.html页面,并且该页面是同学截图中的效果。

另外,建议同学在localhost:5500后面,手动拼接上“a标签嵌套div时面积错位.html”,如下:

http://img1.sycdn.imooc.com//climg/5ffe9238099dc33c04520028.jpg

看看能否打开需要的页面。

如果还是不行,建议卸载live server,重启编辑器,再重新安装试试。

祝学习愉快!

好帮手慕久久 2021-01-13 10:53:49

同学你好,同学更改快捷键了吗?默认情况下,CTRL+SHIFT+P是打开控制面板,如下:

http://img1.sycdn.imooc.com//climg/5ffe5f5d0959647609200156.jpg

​而同学的第二张图,是启动了live Server服务器打开了项目:

http://img1.sycdn.imooc.com//climg/5ffe5f8609ba925a07670492.jpg

二者不对应。

如果同学没有更改快捷键,那么是不是误操作了?比如在第二张图中的页面里启动过live Server,然后没有关闭(不关闭live Server,就可以一直使用http://127.0.0.1:5500这个地址打开对应的页面)。

建议同学点击鼠标右键,选择Stop Live Server,先关闭一下服务器:

http://img1.sycdn.imooc.com//climg/5ffe602509e409fd05380097.jpg

然后再在需要启动的页面内,点击右键,选择open with live server 启动服务器试试。

或者把vscode编辑器关掉重启试试。

祝学习愉快!


  • 提问者 慕仙2169824 #1

    这个方法在第一周——HTML5语法与基础标签——3-2浏览网页的方法  3:52介绍的

    http://img1.sycdn.imooc.com//climg/5ffe7dfe092d161305450313.jpg

    2021-01-13 12:58:43
  • 提问者 慕仙2169824 #2

    右击文档界面——Stop Live Sever——ctrl+shift+p启动Open with Live Sever,还是打开了别的html文件

    2021-01-13 13:04:08
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师