vscode实现边写边查

最新推荐文章于 2024-10-11 16:40:42 发布

jiangjiang_1995

最新推荐文章于 2024-10-11 16:40:42 发布

阅读量3.6k

点赞数 3

文章标签： vscode

本文链接：https://blog.csdn.net/jiangjiang_1995/article/details/118018333

版权

一、点击vscode左侧拓展按钮，安装Browser Preview 和 Live Server两个插件

ps：

1.不安装Live Server，设置中无法找到Live Server Config拓展

2.不安装Browser Preview，运行后会报错Server is started at 5500 but failed to open in Browser Preview.Got Browser Preview extension installed?

二、vscode左下角设置—用户 — 扩展 — Live Server Config — Setting:Use Browser Preview(勾选)

三、返回代码区，鼠标右键，选择open with Live Server，就可以啦~~~

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

jiangjiang_1995

关注关注

3
点赞
踩
17

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

AI 编程组合之deepseek+vscode+cline插件，使用deepseek大模型实现代码自动生成

技术博客

01-02

7万+

本文介绍了VSCODE下cline插件的安装结合DeepSeek-V3，ai编程的组合套件，举了两个例子一个是生成登录页面，一个是生成贪吃蛇游戏

vscode-fzf:受fzf.vim和telescope.nvim启发的vscode模糊查找器

03-28

此外，`vscode-fzf` 可能还支持与其他VSCode插件的集成，如代码片段、调试器等，以实现更多功能。总之，`vscode-fzf` 为VSCode用户提供了类似 Vim 插件的强大查找体验，借助模糊查找和`rg`的高性能，使得开发者...

2 条评论您还未登录，请先登录后发表或查看评论

VSCode设置网页代码实时预览的实现

10-15

主要介绍了VSCode设置网页代码实时预览的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

VS Code设置一边写代码一边浏览效果

geek_xiong的博客

04-21

7904

vscode，一边写代码一边浏览效果，内置浏览器

前端 | VScode实现一边写代码一边可以实时查看页面效果[图文详解]

weixin_44649780的博客

07-01

1万+

本文主要是基于VSCode实现实现一边写前端代码一边可以实时查看页面效果。

vscode边写代码边看变化

BeryL04的博客

03-14

1843

vscode把一些功能内置了，所以只需要安装Live Preview这个插件。右上角，点击那个带着搜索符号的，右侧就会显示浏览器中的效果了。然后在编辑区的右上角就会有显示了。

VScode实现分屏显示浏览器（一边写前端代码一边可以实时查看结果）

liuyunye的博客

03-04

2万+

写在开始前：闲来无事自己开发了一个网站，需要进行前端的开发，因为又是写代码又是打开浏览器的非常的不方便，于是找到了以下的方法第1步安装live server插件第2步在文件->设置->首选项->扩展中找到这款插件，然后如图一样勾选这个选项第三步安装browser preview这个插件第四步在你写代码的地方打开Open with Live Server就会出现下图的界面，代表完成配置 ...

Vs Code Vue实现增删改查

01-07

本教程将重点讲解如何使用Visual Studio Code（简称Vs Code）这个强大的代码编辑器来实现Vue项目中的增删改查功能。首先，我们来看看Vue的基本概念。 Vue.js是尤雨溪开发的一个渐进式JavaScript框架，它具有轻量级...

写一个vscode实现商品增删改查的页面

最新发布

10-31

要在Visual Studio Code (VSCode) 中创建一个用于商品管理的简单增删改查页面，...完成上述步骤后，你就有了一个基础的VSCode项目，实现了商品的增删改查功能。记得根据实际情况调整代码细节，如错误处理、样式优化等。

VSCode插件.7z

05-31

VSCode（Visual Studio Code）是一款由微软开发的免费、开源的代码编辑器，深受开发者喜爱。它具有丰富的功能，如语法高亮、智能代码补全、内置Git支持以及可扩展的插件系统。本压缩包文件"VSCode插件.7z"包含了一些...

2023年vscode插件推荐,实现边写代码边看实时效果

全栈技术分享，项目分享，资料分享

03-11

2784

Visual Studio Code是一个轻量级但功能强大的源代码编辑器，可在您的桌面上运行，可用于Windows，macOS和Linux。它内置了对JavaScript，TypeScript和Node的支持.js并具有针对其他语言和运行时（如C++，C#，Java，Python，PHP，Go，.NET）的丰富扩展生态系统。通过这些介绍性视频开始您的 VS Code 之旅。

vscode的“安装”、“软件中文化”、“代码格式化”和“前端边编程边看到效果”的过程设置方法

hotdogbs的博客

04-30

1493

安装vscode。这个软件的安装过程很简单，全程只需按照提示安装即可。但当处在安装过程中的上面这个界面时，要记得勾上“创建桌面快捷方式”、“将‘通过Code打开’操作添加到Windows资源管理器文件上下文菜单’”和“将‘通过Code打开’操作添加到Windows资源管理器目录上下文菜单”。原因：“创建桌面快捷方式”有助于安装中文语言包，使软件中文化。尝试安装软件主题，使软件界面个性化。将一个文件目录作为项目目录打开。创建一个新网页。添加beautify插件，用于代码格式..

VSCode如何实现边写边改模式（使用浏览器预览）

weixin_48430163的博客

08-16

1万+

我的VSCode是汉化过的

VScode调试Python说明

kawhiDK的博客

10-11

260

（1）逐过程：即逐行顺序调试；在遇到函数时，会把函数从整体上看做一条语句，不会进入函数内部。这个就不多说，在需要的代码行前面点上红点；（2）单步调试：进入函数内部调试。（4）单步跳出：跳出本函数的执行。（3）继续：运行到下一个断点。3.带有命令行的调试。

配置vscode编译环境

Christiansh的博客

12-05

642

下载minGW 略安装VSCODE中C/C++拓展（extension）略配置json文件前两步直接略过了，比较简单，直接上网搜。配置json不是每一个人的帖子都管用，综合各方，终于配置了一个自己能用的。放在.vscode文件夹中，只要将包含以下三个json文件放置到创建源文件的目录下，即可调试(自己改下编译器路径)： launch.json { // Use IntelliSense to learn about possible attributes. // Hover to

使用vscode边开发页面边预览

weixin_44151448的博客

08-31

5014

最终实现效果,不需要按保存键或者刷新键就可以实时预览结果,建议去下载vscode最新版,旧版本可能无法正常使用这个插件去插件商店搜索下载Live Preview插件安装完成后点击下图中的图标就可以边开发边预览 ...

VS Code开发Vue项目常用插件

dreamingbaobei的博客

08-29

9467

VS Code是免费软件，直接到官网下载安装即可，如果选用这款编辑器，建议花点时间实习一下这款软件，安装必要的插件，会大大提供编码效率。笔者从从前使用webstorm做前端项目，下面记录在项目实践中的一些配置。

VS编程，几个好用的Visual Studio插件推荐（一）

君一席

12-12

8万+

1、Indent Guides https://marketplace.visualstudio.com/items?itemName=SteveDowerMSFT.IndentGuides 在成对的括号之间连一条虚线，有了这些辅助线，代码结构一目了然。 VS2012版本适用的拓展不好找，此链接只对VS2015和VS2013有用。 VS2017自带这个功能。 2、AllMargins...

VSCode设置网页代码实时预览