继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

vs code html运行配置问题

慕虎7371278
关注TA
已关注
手记 1307
粉丝 202
获赞 878

在网上找了很多的api,试了之后都没用。本人用的MAC,所以2种以下方法不知道是否适用windows系统的。MAC版本官网下载vs code后会自动汉化。

1-1。先安装view in browser插件


webp

1-2.在launch.json中设置以下:

webp

1-3. 同时按住Ctrl + Shift + p打开如下图所示,输入ctr后选择第二项,打开tasks.json文件,设置如下:


webp

1-4.更改用户设置:

code -首选项-设置-用户设置,添加“view-in-browser.customBrowser:"chrome"

效果如下:


webp

1-5.保存好后千万不要用F5,直接右键在浏览器中打开就可以了

方法二:

2-1在商店中搜索liveServer安装


webp

2-2安装好后会在底部的控制栏中出现Go Live的图标如下:

PS:会出现端口为5500,可以直接忽略(也可以将端口设置为5500),如果用5500为端口,F5后打开的是空白页面,如果是沿用8080,F5后同样是空白页面

webp

2-3 在用户设置中添加如下:


webp

2-4运行的时候直接点最底部状态栏的Go Live,页面打开后它会变成Port:8080;再次打开页面的时候需要点击它,等它变会Go Live后在点一次才能运行页面。



作者:1994陈
链接:https://www.jianshu.com/p/42cc110e1470


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP