为了账号安全,请及时绑定邮箱和手机立即绑定

vs code html运行配置问题

标签:
Node.js

在网上找了很多的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


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
微信客服

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

帮助反馈 APP下载

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

公众号

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

举报

0/150
提交
取消