VSCode实时保存并显示(实用、简洁、干货）

最新推荐文章于 2024-05-30 15:13:43 发布
最新推荐文章于 2024-05-30 15:13:43 发布
阅读量1k 收藏 2
点赞数 1
文章标签： vscode 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46681199/article/details/119772251
版权

需要下载两个插件 (下载位置：Extensions):

在这里插入图片描述

分别搜索并下载（install）

  1. Live Server
  2. Browser Preview

点击左下角齿轮 进入setting

搜索 auto save 按照图中设置

在这里插入图片描述

再搜索Live Server Settings: Use Browser Preview 然后 勾选图中选项

在这里插入图片描述

※ 重点：代码要存放在文件夹里才能用Open with Liver Server运行

最后一步：右键点击Open with Liver Server运行
在这里插入图片描述

弹琴小牛calf
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
从零开始学WEB前端——网页的骨架——HTML实战练习
m0_67403143的博客
03-09 223
??项目介绍 先做个自我介绍，本人是一个没人写前端所以就自学前端的后端程序员??。在此项目中我会和大家一起从零基础开始学习前端，从后端程序员的视角来看前端，受限于作者的水平本项目暂时只会更新到前端框架VUE，不会涉及node.js。该项目适合零基础的小白或者和我一样开发网站没人写前端所以自学前端的后端程序员??。 该项目的学习顺序是按照我自己学习时总结出来的，其中的每个知识点都是我认真去理解的，同时也查了很多的资料，所有的参考资料我都放在了文章末尾。尊重开源，尊重知识产权。每一个案例我都亲手写过并觉得不错才
干货|超实用表单设计原则
02-26
表单是什么?是用户和网站之间的对话。设计表单如同设计一个产品，取决于你的理念是从产品目标还是用户目标出发。从产品目标出发，网站要尽可能多地获取用户信息(恨不得生辰八字扒出来算个星盘根据走势推荐产品);...
关于vscode时间线无法查看已保存文件办法
tjc511499445的博客
11-03 368
还有的人关闭了自动保存，就在设置里面搜索auto save，将off改成afterdelay就行了。当我们查看时间线时，无法显示保存文件，可以鼠标查看时间线偏右侧的筛选器时间线。所以我们点击显示本地历史记录，这可以看到已保存文件。
vscode工具，如何实现实时预览？
linshileba的博客
08-18 956
安装完成后，在页面右击Open with Live Server就可以进行实时预览啦。vscode工具安装live Server插件，修改完代码，自动更新浏览器啦！改完代码后，浏览器必须要重新刷新，比较麻烦。
vscode查看变量小技巧
好人一生快乐
04-29 500
vscode查看变量有3种方法
干货分享！简析Python配置文件中一些常见、实用的写法！
PythonKiki的博客
03-31 123
今天为大家科普的内容 是Python 中的配置文件，这些配置文件中又有哪些常见、实用的写法呢？下面由我来为大家做一个简单的归纳。 前言： 为什么要写配置文件 各位在学习开发的过程中，我们也许常常会用到一些固定参数或者是常量。对于这些较为固定、常用的部分，我们通常会将其写到一个固定文件中，以免在不同的模块代码中重复出现，进而保持核心代码的有序整洁。 这样的固定文件我们可以直接写成一个 .py 文件，例如 settings.py 或config.py，这种写法能够在同一工程下直接通过 import 来导入当中的
太赞了，VSCode 上也能画流程图了！
程序员吴师兄的博客
05-15 8089
点击关注上方“五分钟学算法”，设为“置顶或星标”，第一时间送达干货。转自GitHubDaily作为一款开源的主流代码编辑器，VSCode 在发布之后一直受到不少开发者的喜爱。此前，我们也...
从零开始学WEB前端——HTML实战练习
su_zui的博客
02-09 1万+
????项目介绍 先做个自我介绍，本人是一个没人写前端所以就自学前端的后端程序员????。在此项目中我会和大家一起从零基础开始学习前端，从后端程序员的视角来看前端，受限于作者的水平本项目暂时只会更新到前端框架VUE，不会涉及node.js。该项目适合零基础的小白或者和我一样开发网站没人写前端所以自学前端的后端程序员????。 该项目的学习顺序是按照我自己学习时总结出来的，其中的每个知识点都是我认真去理解的，同时也查了很多的资料，所有的参考资料我都放在了文章末尾。尊重开源，尊重知识产权。每一个案例我都亲手写过
超级好用的开发工具，程序员实用工具整理
qq_40128367的博客
09-15 5136
其实本来打算写的是web开发工具合集，但写着写着觉得不太过瘾，所以索性把所有用得到的工具都列出来了。 如果能在一开始就把这些工具利用起来，相信可以大大提高工作效率，所以起码对新手来说是比较有益的。而且从初级开发人员升级为高级开发人员的一个主要方面就是调整工具，简化任务管理流程，无缝地与其他团队成员进行交流，并在使用的工具之间建立集成。 所以我总结了60个可以用到的工具，供大家参考。 我是...
绝对干货！Python 从业十年的程序员，写的万字经验分享
静觅
12-16 447
“ 阅读本文大概需要 9分钟。 ”作者：laisky（基于 CC BY 4.0 授权许可）原题：Python之路（内容略有调整）来源：https://laisky.com/p/pyth...
elementary OS 5 Juno (Pantheon) 安装后配置总结（干货很多）
热门推荐
Pancras
09-23 2万+
elementary OS 是 Ubuntu 阵营中兼具实用和美观的发行版，的确值得安装尝试。这一篇长文介绍了 elementary OS (Pantheon) 安装后的配置，包括系统配置和软件安装，干货还是满多的，特别是新手看了收获应该比较大。
超实用干货！视觉设计师的五项技能修炼方法
02-26
换句话说，很多人的设计感不好来源于对于版式设计的基础并不了解。Sketch草绘：也叫做ThumbnailSketch，通过大量的设计草绘逐渐形成设计概念（如下图）；Layout初版：初版主要构建基础的元素以及体现元素间的主次...
Linux文档绝对实用的干货.rar
08-06
显示 command 命令的帮助信息 2.2 man man command 说明： 查阅 command 命令的使用手册 man 是 manual 的缩写，是 Linux 提供的一个 手册，包含了绝大部分的命令、函数的详细使用说明 使用 man 时的操作键：
vscode ctrl+鼠标左键无法跳转
你的问题在于，读书太少而想得太多。
05-30 244
vscode ctrl+鼠标左键无法跳转
VSCode 报错 之 运行 js 文件报错 ReferenceError: document is not defined
Orange_hhh的博客
05-29 276
持续学习ing。
VsCode个人插件
pauline_的博客
05-27 304
Auto Rename Tag => 同时修改标签 Bracket Pair Colorizer => 不同层级不同括号颜色 Dracyka Theme => 个人比较喜欢的一款主题 Error Lens => 错误信息显示 ES7+REACT/Redux/React-Native=>react开发插件 ESLINT Indenticator=>方便看结构 Prettier Formatter for Visual Studio Code => 格式化
2024-05-30 vscode python不能调试
老林的博客
05-30 232
要解决问题: from pyexpat import * ImportError: DLL load failed while importing pyexpat: 找不到指定的程序。想到的思路: 顺着pyexpat找原因.其它的补充: 依赖地狱.讨厌的依赖地狱.
vscode怎么点击路径直接跳转对应文件
最新发布
qq_35946021的博客
05-30 385
我们可用在js项目中创建一个 jsconfig.json文件，TS项目可以创建tsconfig.json。在vue项目中经常要引入工具类、组件、模版等，想要直接去看对应文件，只能自己找到对应路径再去打开。相对路径与绝对路径都能够直接跳转。
vscode 大小写转化
07-27
回答: 在VSCode中进行大小写转化有多种方式。一种方式是通过在keybindings.json文件中添加相应的代码来实现。例如，可以添加以下代码来将选中的文本转换为大写：{ "key": "ctrl+shift+u", "command": "editor.action.transformToUppercase", "when": "editorTextFocus" }，将选中的文本转换为小写可以添加以下代码：{ "key": "ctrl+shift+l", "command": "editor.action.transformToLowercase", "when": "editorTextFocus" }。\[1\]另外，还可以通过命令面板（F1或Ctrl+Shift+P）或编辑器上下文菜单来调用相应的命令来进行大小写转化。\[3\]如果你想了解更多关于VSCode的技巧和推荐资源，可以参考一些经典的计算机书籍和技术博客，它们提供了丰富的内容和干货，可以帮助你更好地使用VSCode和其他技术。\[2\] #### 引用[.reference_title] - *1* *2* [VS Code 如何设置大小写转换快捷键](https://blog.csdn.net/zyx6a/article/details/122245225)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [vscode代码切换大小写的教程](https://blog.csdn.net/weixin_44657888/article/details/127679404)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值