VSCode和谷歌浏览器的常用插件

最新推荐文章于 2024-04-04 20:24:27 发布

chonger_feifei

最新推荐文章于 2024-04-04 20:24:27 发布

阅读量641

点赞数

文章标签： vscode

本文链接：https://blog.csdn.net/chonger_feifei/article/details/129299507

版权

快捷键

win+v剪切板

ctrl+shift+v预览md

谷歌浏览器插件

React Developer Tools

Vue.js devtools

有道词典Chrome划词

vscode插件

更改插件位置

vscode快捷方式-属性-修改目标

“D:\Microsoft VS Code\Code.exe” --extensions-dir “D:.vscode\extensions”

git相关

git history

git graph

md相关

MarkDown Preview Enhanced 用ctrl+shift+v快捷键预览

中文简体包

Chinese (Simplified) Language Pack for Visual Studio Cod

检查语法

ESLint

检查拼写

Code Spell Checker

保存立即格式化

http://t.csdn.cn/BwteY

闭合标签

Auto Close Tag

Auto Rename Tag

补全标签

HTML CSS Support

ES6语法提示

JavaScript (ES6) code snippets

路径提示

Path Intellisense

react代码片段

ES7 React/Redux/GraphQL/React-Native snippets

用法：

rcc + Tab 完成类式组件的结构

rfc + Tab 完成函数式组件的结构

vue代码片段

Vue 3 Snippets

单双引号自动转为模板字符串

Template String Converter

浅色主题

Github Light

文件图标

Material Icon Theme

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

chonger_feifei

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
VSCode和谷歌浏览器的常用插件

VSCode和谷歌浏览器的常用插件
复制链接

扫一扫

vscode-devtools:VSCode扩展，用于在Webview中托管chrome devtools

05-02

适用于Chrome的VSCode DevTools VSCode扩展，用于在Webview中托管chrome devtools。如果您正在寻找更简化且受官方支持的devtools扩展，则应尝试附加到正在运行的Chrome实例：启动“ Chrome调试程序”项目并使用截屏视频：使用扩展名作为调试器启动通过使用launch.json配置文件，您可以像调试器一样启动以VS Code托管的Chrome DevTools。但是，Chrome DevTools并不是调试器，不会碰到在VS Code中设置的任何断点，您当然可以在Chrome DevTools中使用脚本调试器。为此，请在launch.json添加带有两个参数的新调试配置。 type -它必须是调试器的名称devtools-for-chrome 。必需的。 url用于启动Chrome的URL。可选的。 fil

vscode添加默认谷歌浏览器

u011402106的博客

07-22

1428

打开vscode编辑器，打开“扩展（ctrl+shift+X）”调出扩展，输入关键字“open in browser ”，找到对应插件，并点击“安装”，安装完成后，打开vscode编辑器的设置（ctrl+,）,在输入框中，输入关键词“open in browser”，找到对应的配置项，在配置项的输入框中（Set default browser）中，输入“Google Chrome ”即可。

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

（谷歌浏览器）如何在vscode中搭建vue.js devtools的环境

最新发布

m0_73581733的博客

04-04

266

分别点击开发版本和生产版本，将它们的代码分别复制到在vscode中的vue.js和vue.min.js中；运行01_初始vue.html，会出现下面所显示的错误，是因为我们的插件还未添加到谷歌浏览器的拓展程序里；将解压后的插件添加到谷歌浏览器的扩展程序中，然后刷新网页，点击F12查看情况；输入Vue和Vue.config看是否出现下面情况；点击安装，然后就会看到开发版本和生产版本；，进入到网站后，点击学习-教程；点击Vue，看是否出现下面这种；将图片里的代码写入，运行；接下来就是我们需要点击。

基于VS Code的插件开发（基础篇）

麻球科技

02-28

7055

VSCode 采用了 Electron，在语言上，VSCode 使用了自家的 TypeScript 语言开发。Electron是基于 Chromium 和 Node.js，使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用，它兼容 Mac、Windows 和 Linux，可以构建出三个平台的应用程序。从实现上来看，Electron = Node.js + Chromium + Native API接下来看下VS Code布局。

搞一个chrome插件

2301_79822975的博客

09-18

189

Chrome插件开发入门

m0_67400973的博客

08-01

3696

content_scripts是在web页面运行的JavaScript脚本，通过使用标准的DOM，它可以获取浏览器访问页面的详细信息，并可以修改这些信息。1、获取DOM元素2、修改DOM元素3、修改样式1、不能使用除了chrome.extension之外的chrome.*接口2、不能访问它所在扩展中定义的函数和变量3、不能访问web页面和其他content_scripts中定义的函数和变量4、不能做cross_siteXMLHttpRsquest。...

vscode 插件插件插件插件插件插件插件

07-14

vscode 插件插件插件插件插件插件插件

vscode verilog sv常用插件

05-05

vscode verilog sv常用插件

04-11

07-13

05-07

weixin_45428910的博客

10-21

3348

vscode打开chrome浏览器

前端vscode必备插件(AI帮你写代码)

富朝阳的博客

09-23

1万+

VSCode 是我们前端开发的一个强大的IDE，因此选择趁手好用的插件能事半功倍，也能能更好地编码以及获得更丝滑的开发体验。然后剩下的时间用来摸鱼是很有必要滴。

Chrome扩展程序（插件），用你开发的脚本在浏览器上随心所欲

qq_45430571的博客

01-16

7881

Chrome插件是为Chrome浏览器添加功能的小程序。chrome插件可以获取网页内容并操作网页内容，如爬取网页数据（爬虫）、自动点击（定时点击或刷新）、修改网页内容（如更改网页文字或图片）等

Chrome调试工具Developer Tools

weixin_42504805的博客

06-10

1608

Chrome调试工具Developer Tools

Chrome DevTools浏览器开发者工具、Vue DevTools、vs和DevTools调试

luemeon的博客

06-30

2739

目录ElementsStylesDOM结构增删属性模拟元素的伪状态，方便调试Computed LayoutEvent ListenersNetworkApplication资源列表+（可改）本地存储Cookie、WebStorage（localStorage、sessionStorage）Source 调试Page:资源目录Content scripts: 插件Snippets: 便捷测试https://developer.chrome.com/docs/devtools Ancestors 是否

解决：在 VSCode 中如何设置默认的浏览器为Chrome或Firefox

热门推荐

狮子座的男孩

04-17

4万+

1、问题描述：在 VSCode 编辑器中，其一般默认打开的浏览器是 IE 浏览器，而我已经习惯使用 Chrome 浏览器，以及会遇到页面的调试等不同的问题，因此需要将 VSCode 的默认浏览器调整为 Chrome 浏览器； 2、操作过程： A、首先需要再 VSCode 中的扩展中安装：open in browser 插件(若：已安装的请忽略此步骤)； B、以修改默认浏览器 Chrome 为例：选择文件 --》首选项 --》设置；并在在搜索栏输入 open in browser 后，此时的页面显示

VScode打开默认浏览器谷歌总是失败以及解决方法

weixin_46261399的博客

03-10

979

失败的原因以及解决方法如下

尚硅谷——VsCode如何将Vue-Devtools布置到Vue内（图文并茂）

那人独钓寒江雪

08-06

554

如果Vs内使用的不是网址而是file开头那么你需要打开以下这个选项。打开之后将压缩文件内的插件移入此浏览器扩展程序内。默认状态下没有开打，此时需要打开开发者模式。

vscode 配置谷歌浏览器

08-11

回答: 如果你想在VsCode中配置谷歌浏览器，你可以使用一个名为LiveReload的插件。这个插件可以实现在保存代码后自动刷新浏览器页面的功能。安装了LiveReload插件后，你需要在VsCode的设置中进行一些配置。你可以打开设置界面，搜索"liveReload.server"并将其设置为"browser"。然后，你需要指定你所使用的浏览器的路径。可以通过在设置中搜索"liveReload.browser"来找到浏览器路径的配置选项，并将其设置为谷歌浏览器的路径。完成这些配置后，当你保存代码时，谷歌浏览器将自动刷新以显示更改后的效果。这样可以减少你频繁切换页面与编译器的繁琐操作。12 #### 引用[.reference_title] - *1* [配置VSCode、谷歌浏览器插件文件保存后，浏览器页面自动刷新](https://blog.csdn.net/clli_Chain/article/details/110069968)[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^v92^chatsearchT3_1"}} ] [.reference_item] - *2* [（已解决）利用LiveReload插件实现vscode和谷歌浏览器实时刷新](https://blog.csdn.net/qq_40903527/article/details/124113710)[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^v92^chatsearchT3_1"}} ] [.reference_item] [ .reference_list ]

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

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交