vscode怎么让代码从浏览器打开

发布时间 - 2020-06-06 00:00:00    点击率:

vscode让代码从浏览器打开的方法:

open in browser

在vscode扩展中搜索“view in browser”插件并点击安装,点击资源管理器选中当前文件右键选择“View In Browser”即可在默认浏览器中打开页面。


实时刷新方法一:livereload

在项目目录下运行命令:

browser-sync start --server --files "**/*.css,**/*.html,**/*.js"

方法:

  • “查看”中选择“集成终端”,命令行输入以上指令

  • 本地文件右键选择“在终端中打开”,在终端命令行中输入指令

以上两种方法实现的效果和原理相同,都可后台运行,按下快捷键“control+c”退出当前运行进程。

实施刷新方法二:

装Live HTML Previewer插件,点击页面左下角Preview Available。


注意:有了livereload可以不需要装“view in browser”插件。

推荐教程: 《vscode入门教程》


# vscode  # 右键  # 命令行  # 不需要  # 两种  # 可在  # 按下  # 器中  # 目录下  # size  # livereload 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: Java Adapter 适配器模式(类适配器,对象适配器)优缺点对比  Laravel如何获取当前用户信息_Laravel Auth门面获取用户ID  Thinkphp 中 distinct 的用法解析  如何在局域网内绑定自建网站域名?  零基础网站服务器架设实战:轻量应用与域名解析配置指南  如何用免费手机建站系统零基础打造专业网站?  Laravel如何实现登录错误次数限制_Laravel自带LoginThrottles限流配置【方法】  免费网站制作appp,免费制作app哪个平台好?  bootstrap日历插件datetimepicker使用方法  Laravel Blade组件怎么用_Laravel可复用视图组件的创建与使用  VIVO手机上del键无效OnKeyListener不响应的原因及解决方法  简单实现Android验证码  如何确认建站备案号应放置的具体位置?  Python制作简易注册登录系统  微信小程序 canvas开发实例及注意事项  图册素材网站设计制作软件,图册的导出方式有几种?  Zeus浏览器网页版官网入口 宙斯浏览器官网在线通道  如何在腾讯云服务器上快速搭建个人网站?  如何快速生成橙子建站落地页链接?  如何在云服务器上快速搭建个人网站?  Laravel如何配置Horizon来管理队列?(安装和使用)  Laravel队列由Redis驱动怎么配置_Laravel Redis队列使用教程  如何在香港免费服务器上快速搭建网站?  制作公司内部网站有哪些,内网如何建网站?  Laravel怎么实现观察者模式Observer_Laravel模型事件监听与解耦开发【指南】  Laravel Sail是什么_基于Docker的Laravel本地开发环境Sail入门  北京企业网站设计制作公司,北京铁路集团官方网站?  如何用虚拟主机快速搭建网站?详细步骤解析  关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)  laravel怎么实现图片的压缩和裁剪_laravel图片压缩与裁剪方法  Laravel Seeder填充数据教程_Laravel模型工厂Factory使用  Android自定义listview布局实现上拉加载下拉刷新功能  如何在企业微信快速生成手机电脑官网?  Laravel如何使用Gate和Policy进行授权?(权限控制)  免费制作统计图的网站有哪些,如何看待现如今年轻人买房难的情况?  js代码实现下拉菜单【推荐】  Laravel路由怎么定义_Laravel核心路由系统完全入门指南  如何快速生成专业多端适配建站电话?  Laravel怎么判断请求类型_Laravel Request isMethod用法  齐河建站公司:营销型网站建设与SEO优化双核驱动策略  Laravel如何使用Seeder填充数据_Laravel模型工厂Factory批量生成测试数据【方法】  简单实现jsp分页  Laravel如何使用Gate和Policy进行权限控制_Laravel权限判定与策略规则配置  再谈Python中的字符串与字符编码(推荐)  中国移动官方网站首页入口 中国移动官网网页登录  Laravel怎么解决跨域问题_Laravel配置CORS跨域访问  Laravel如何使用Service Provider服务提供者_Laravel依赖注入与容器绑定【深度】  Bootstrap整体框架之CSS12栅格系统  西安专业网站制作公司有哪些,陕西省建行官方网站?  如何在IIS7中新建站点?详细步骤解析