常用的vscode的插件&谷歌浏览器插件&vscode使用方法

最新推荐文章于 2024-10-10 07:05:02 发布
最新推荐文章于 2024-10-10 07:05:02 发布
阅读量1.7k 收藏 3
点赞数
分类专栏： 工具 文章标签： vscode react.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/h200102/article/details/119282603
版权

文章目录

一、vscode的插件

1、汉化：Chinese

2、View in Browser GitLens

3、eslint，git history，auto inport

4、框架类vue vutur，react/redux，es6/es7

5、代码格式化Prettier -Code formatter

6、postcode（类似postman，用于做接口测试）

7、open in browser，让html文件能够运行

8、code runner，运行js等文件

二、谷歌浏览器插件：

1、
在这里插入图片描述
2、json格式化
在这里插入图片描述

3、
在这里插入图片描述
4、
在这里插入图片描述
5、
在这里插入图片描述
6、哔哩哔哩助手
在这里插入图片描述
7、
在这里插入图片描述

三、vscode使用方法

1、折叠展开代码

参考链接：
工具 - VSCode - 折叠展开快捷键 — CSDN

H千面
关注
专栏目录
打造强大的IDE：使用VS Code 设置嵌入式代码格式化（选择 Google 风格）
PixelPusher的博客
09-07 627
这样，你可以编写整洁一致的代码，并且提高开发效率。Visual Studio Code（简称 VS Code）是一款流行且功能丰富的代码编辑器，通过合适的设置，可以将其打造成一个无敌的IDE。在 VS Code 中，按下 Ctrl + Shift + P（或者点击左上角的 “查看” 菜单），然后输入 “C/C++: Edit Configurations”，选择该选项以打开配置文件。Clang-Format：这是一个用于代码格式化的插件，它基于 Clang 格式规范，可以帮助我们统一代码的风格和格式。
使用VScode 插件debugger for chrome 调试react源码的方法
12-08
那怎么办，方法总是比困难多！愚蠢的我想到了console/debugger！！一直在使用，虽然很不方便（打印太多实在太乱！上线还要配置删除掉），但是我竟然使用了很久（这真是一个糟糕的编码习惯吧）。直到今天，我想研究...
VSCode代码格式GoogleStyle
Kernel_Heart的博客
11-04 3325
VSCode配置GoogleStyle
VsCode+Centos7虚拟机设置c++ Google代码规范
weixin_43471319的博客
03-22 842
vscode clang-format Google-style
Visual Studio Code Chrome Debugger插件指南
最新发布
gitblog_00374的博客
10-10 503
Visual Studio Code Chrome Debugger插件指南 vscode-chrome-debug Debug your JavaScript code running in Google Chrome from VS Code. ...
vscode添加默认谷歌浏览器
u011402106的博客
07-22 1758
打开vscode编辑器，打开“扩展（ctrl+shift+X）”调出扩展，输入关键字“open in browser ”，找到对应插件，并点击“安装”，安装完成后，打开vscode编辑器的设置（ctrl+,）,在输入框中，输入关键词“open in browser”，找到对应的配置项，在配置项的输入框中（Set default browser）中，输入“Google Chrome ”即可。
vscode配置自动保存，自动格式化（谷歌规范）， 智能提醒
qq_19533461的博客
06-05 2833
1.下载vscode，进行安装，这里忽略 2.创建settings.json文件(在.vscode文件夹下， mac 使用command+shift+p,搜索即可)，将下列代码进行粘贴 //settings.json { "python.pythonPath": "/Users/zjx/anaconda3/bin/python3", "code-runner.executorMap": { "c": "cd $dir && gcc $fileName -o $fileNameWi
谷歌浏览器安装vue插件
06-28
本文将详细介绍如何在谷歌浏览器（Chrome）上安装Vue插件，并探讨这些插件对开发工作的影响。 首先，让我们了解谷歌浏览器（Google Chrome）的扩展程序系统。Chrome浏览器支持大量的第三方插件，它们可以从Chrome ...
VSCode Lite-crx插件
04-01
VSCode Lite-crx插件是针对谷歌浏览器（Chrome）的一款扩展程序，旨在为用户提供一个轻量级的Visual Studio Code（VSCode）体验。虽然原版的VSCode是一款强大的集成开发环境（IDE），对于某些用户来说可能过于庞大...
LiveReload210（解压后在谷歌浏览器插件里面加载）.zip
12-14
只需要在chrome浏览器中加载此插件然后配合vscode或其他文本编辑器的相对应插件即可实现 编辑器和浏览器之间的实时效果刷新，是不是很棒，有木有？ 具体怎么使用请参考我的文章：...
php使用谷歌浏览器xdebug配置文件及配置方法（软件：wamp64+PhpStorm）
01-13
本文将详细讲解如何在WAMP64环境下，结合PhpStorm和谷歌浏览器，配置并使用Xdebug进行高效的PHP调试。 首先，我们需要安装Xdebug。Xdebug是一个开源的PHP调试器和性能分析器，它可以提供断点调试、变量查看、代码...
Go使用vscode开发，必备的插件及最常用快捷键和代码自动补全
ellija的博客
01-05 3353
Go使用vscode开发，必备的插件及最常用快捷键和代码自动补全
VSCode和谷歌浏览器的常用插件
chonger_feifei的博客
03-02 719
VSCode和谷歌浏览器的常用插件
实用vscode插件,chrome插件,有趣的github开源项目分享
ligoudan233的博客
04-21 1119
VScode实用插件分享 1.HTMLHint HTML代码格式化工具,高效格式化HTML代码 2.代码检查工具ESLint ESLint是一个语法风格和代码风格的检查工具,确保写出的代码能写出语法风格统一的代码(协同开发必备),有相关的配置文件,多人协作开发时,可共用一套配置文件,保证代码风格语法统一 3.Auto Rename Tag Auto Rename Tag是一款自动补全...
15 个非常流行的VsCode插件，让你的编码效率倍增！
热门推荐
前端开发工程师博客
05-26 1万+
VS Code已经成为了最受欢迎的代码编辑器之一。它的简洁性、易用性和可扩展性使得它成为了许多开发者的首选。而在VS Code中，插件是其最大的卖点之一。通过安装插件，你可以将VS Code打造成一个功能强大的开发环境，从而提高你的编码效率。本文中，将介绍15个非常流行的VS Code插件，这些插件可以让你的编码效率倍增。无论你是前端开发者、后端开发者还是全栈开发者，这些插件都将让你的工作更加的便捷。
前端开发 VSCode 插件推荐
liangshanbo1215的博客
03-04 3924
为多种语言运行代码段或代码文件：C、C++、Java、JavaScript、PHP、Python、Perl、Perl6、Ruby、Go、Lua、Groovy、PowerShell、BAT/CMD、BASH/SH、F#脚本、F#（.NET核心）、C#脚本、C#（.NET核心）、VBScript、TypeScript、CoffeeScript、Scala、Swift、Julia、Crystal、OCaml脚本、R、AppleScript、Elixir、Visual Basic。你的 AI 编程搭档。
VS Code插件推荐|常用VSCode插件大全
牧码人的博客
03-23 1341
VS Code插件的种类 在本文，我主要介绍专门针对JavaScript开发者的VS Code插件。有很多满足此条件的VS Code插件，当然我不会都作介绍。相反，我会着重介绍那些已经相当流行而且对JavaScript开发者来说必不可少的VS Code插件。为简单起见，我把它们分为10类。 在这之中可能有你已经知道并且正在使用的插件，但也很有可能有一些是你听说过但未曾使用过的，我也希望通过本文能为...
VSCode Google Translate 插件使用教程
gitblog_00984的博客
08-16 1041
VSCode Google Translate 插件使用教程 vscode-google-translateTranslate text right in your code项目地址:https://gitcode.com/gh_mirrors/vs/vscode-google-translate 1. 项目的目录结构及介绍 vscode-google-translate/ ├── .githu...
VS Code中使用Chrome调试JavaScript的两种方法
SVIPCODE的博客
10-07 1117
在VS Code的侧边栏中点击调试图标（一个虫子的图标），然后点击顶部工具栏中的"运行和调试"按钮。在"launch.json"文件中的配置中，你可以看到一个名为"launch"的配置项。你可以将URL设置为你要调试的Web应用程序的URL，或者将"file"设置为你要调试的本地HTML文件的路径。在"launch.json"文件中的配置中，你可以看到一个名为"launch"的配置项。在VS Code的侧边栏中点击调试图标（一个虫子的图标），然后点击顶部工具栏中的"运行和调试"按钮。
vscode默认打开谷歌浏览器
05-01
VSCode是一款非常流行的跨平台的代码编辑器，它可以在Windows、Mac OS和Linux等多个操作系统中运行。在VSCode打开某些文件时，系统会默认使用谷歌浏览器进行预览或者访问。这是因为谷歌浏览器是一款非常流行的浏览器，在广大用户中得到了广泛的认可和使用。此外，谷歌浏览器也提供了丰富的扩展和插件，让用户可以更加方便地进行网页浏览和开发工作。 并且在VSCode中使用谷歌浏览器也具有很多优势。例如，谷歌浏览器可以通过开发者工具方便地进行网页调试和调整，而VSCode和谷歌浏览器的结合可以实现更为便捷和高效的开发体验。此外，在VSCode中使用谷歌浏览器还可以通过插件扩展更多的功能，例如自动保存、自动刷新等等，使得开发工作变得更加顺畅和高效。 当然，如果用户希望在VSCode中使用其他浏览器进行预览或者访问，也可以根据自己的需求进行设置和调整。但是总体来说，VSCode默认打开谷歌浏览器可以提供更为方便和高效的开发体验。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值