美文网首页web开发我爱编程
vs code html运行配置问题

vs code html运行配置问题

作者: 1994陈 | 来源:发表于2018-08-21 10:25 被阅读2次

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

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

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

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

1-4.更改用户设置:

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

效果如下:

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

方法二:

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

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

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

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

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

第一种方法打开页面的路径是直接按照文件当前在你的电脑中的路径地址;

第二种方法打开页面的路径是当前你设置的localhost地址

相关文章

网友评论

    本文标题:vs code html运行配置问题

    本文链接:https://www.haomeiwen.com/subject/dlddiftx.html