vs code html运行配置问题

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,039评论 3 119
  • 用到的组件 1、通过CocoaPods安装 2、第三方类库安装 3、第三方服务 友盟社会化分享组件 友盟用户反馈 ...
    SunnyLeong阅读 14,946评论 1 180
  • 月光洒在土地上 我坐在月光上 萤火虫在我头上 流星划破苍穹 我抬起头 月亮却躲进了云里 此刻我才发现自己一直坐在地...
    望穿天花板阅读 2,784评论 1 0
  • 一条长满茅草的小路上突然人马疾走,惊得卧在草丛孵蛋的野鸡扑翅而飞。 野鸡的模样非比寻常,有两丈长的尾巴毛,又长又白...
    关雎黍离阅读 4,183评论 0 1
  • 今天,2017年7月1日是加拿大建国150周年的日子,欢乐的节日年气氛和精彩的节日活动让人流连忘返、热血沸腾! 为...
    峡谷有声阅读 2,939评论 0 2