前端 | VScode实现一边写代码一边可以实时查看页面效果[图文详解]
本文主要是基于VSCode实现实现一边写前端代码一边可以实时查看页面效果。
自从VScode更新后,不用自己另外设置浏览器的打开方式,只需要俩个插件就可以简单搞定:
– Live Server
– Live Preview
🔥安装live server插件
![前端 | VScode实现一边写代码一边可以实时查看页面效果[图文详解]](/img/31/aad8300616914166a2aedbfee49331ad.png)
🔥安装Live Preview插件
当然也可以下载别的浏览器
![前端 | VScode实现一边写代码一边可以实时查看页面效果[图文详解]](/img/76/6f10b2b6c53840b79ae0fce20e027152.png)
点击代码,右键选择Show Preview ,就会实现左边代码,右边页面预览啦~
![前端 | VScode实现一边写代码一边可以实时查看页面效果[图文详解]](/img/ee/a0a1d4e6d3164d37afeab1e222e05478.png)
本文来自网络,不代表协通编程立场,如若转载,请注明出处:https://net2asp.com/805cdfca0e.html
相关推荐
-
python调用js文件加密时Cannot find module ‘crypto-js‘解决办法
首先安装node.js 记得把node.js安装在你python代码文件的目录下,虽然有点乱,但是这样不容易出现其他问题,其次 function encrypt(e) { cons…
前端 1天前 -
ChatGLM2-6B源码解析 web
from transformers import AutoModel, AutoTokenizer import gradio as gr import mdtex2html to…
前端 1天前 -
vue中使用el-dialog设置弹窗对话框在前端显示为居中
废话不多直接上图 在所需要设置的vue文件底部设置 附上代码: ::v-deep .el-dialog{ display: flex; flex-direc…
1天前 -
前端date.locale is not a function错误解决办法
在使用antd组件DatePicker时,修改数据之前做数据回显,但是在数据回显时总是会报一个错误:date.locale is not a function。经过一步步的排错,最…
1天前 -
java: 无法访问org.springframework.boot.SpringApplication
报错信息 D:\IdeaProjects\…\DemoApplication.java:3:32 java: 无法访问org.springframework.boot.Spri…
1天前 -
Java单点登录(SSO)实现指南:深度解析与全面实践
目录 引言 一、什么是单点登录(SSO)? 二、SSO的工作原理 三、SSO的具体实现 SSO的核心概念 1. 令牌(Token)机制 2. 身份验证协议 SSO实现步骤 1. 选…
Jave 1天前 -
基于Java 房产中介预约看房系统设计与实现(Springboot框架)毕业设计论文提纲参考
博主介绍:黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。 所有项目都…
Jave 1天前 -
基于Java和百度AI动物智能识别系统设计与实现(Springboot框架)毕业设计论文提纲参考
博主介绍:黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。 所有项目都…
Jave 1天前 -
基于Java医院预约挂号系统 设计与实现(Springboot框架)毕业设计论文提纲参考
博主介绍:黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。 所有项目都…
Jave 1天前 -
【Java报错】显示错误“Error:java: 程序包org.springframework.boot不存在“
使用idea运行项目,显示错误信息如下: 原因是:idea配置的maven加载不到autoconfigure。 解决方案一: 第6步绕过证书语句如下: -Dmaven.wagon…
1天前
