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

最新推荐文章于 2024-04-30 19:12:02 发布
最新推荐文章于 2024-04-30 19:12:02 发布
阅读量652 收藏
点赞数
文章标签： vscode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：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

chonger_feifei
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端调试技巧-谷歌浏览器&VSCODE
young_Emily的博客
01-14 1233
先立个flag，等会来填坑 首先让控制台美美的： 控制台主题插件： DevTools Theme: Obsidian Snake 食用指南： 安装好插件之后，设置允许替换主题然后再打开控制台即可起效。 配合调试插件调试： 1. React Developer Tools 2.Redux DevTools 3.Vue.js devtools 一些参考链接
常用的vscode的插件&谷歌浏览器插件&vscode使用方法
H.千面的博客
07-31 1709
1、汉化：Chinese 2、View in Browser GitLens 3、eslint，git history，auto inport 4、框架类vue vutur，react/redux，es6/es7
vscode相关插件使用----持续更新中
最新发布
PPdouluo的博客
04-30 1447
以下是更多常用的VSCode插件推荐：
vscode添加默认谷歌浏览器
u011402106的博客
07-22 1561
打开vscode编辑器，打开“扩展（ctrl+shift+X）”调出扩展，输入关键字“open in browser ”，找到对应插件，并点击“安装”，安装完成后，打开vscode编辑器的设置（ctrl+,）,在输入框中，输入关键词“open in browser”，找到对应的配置项，在配置项的输入框中（Set default browser）中，输入“Google Chrome ”即可。
在vscode中按F5打开chrome浏览器 初始样式 插件不见了 没有 插件 自己的配置 用户配置
scdnplayer的博客
01-16 925
在vscode中按F5打开chrome浏览器 初始样式 插件不见了 没有 插件 自己的配置 用户配置
vscode常用插件
weixin_44671184的博客
04-20 56
1.Auto Close Tag (必备) 自动闭合HTML/XML标签 2.Auto Rename Tag (必备) 自动完成另一侧标签的同步修改 3.Beautify (必备) 格式化 html ,js,css Prettier 格式化JavaScript / TypeScript / CSS 4.Bracket Pair Colorizer (必备) 给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色 5.Debugger for Chrome (推荐) 映射vs
vscode 插件插件插件插件插件插件插件
07-14
1. **ms-toolsai.jupyter-2021.8.1054968649.vsix**：这是Jupyter Notebook的VSCode插件，允许用户在VSCode中直接编写、运行和调试Jupyter Notebook文档。它支持Markdown、Python和其他多种语言，并提供了交互式编程...
vscode verilog sv常用插件
05-05
本话题聚焦于VSCode中的常用插件，这些插件能显著提升Verilog和SystemVerilog的编写效率和代码质量。 首先，`teros-technology.teroshdl-2.0.13.vsix` 是TerosHDL插件，它提供了对Verilog和SystemVerilog的强大支持...
vscode常用插件压缩包
07-13
这个"vscode常用插件压缩包"很可能是包含了多个为提升VSCode功能和效率而设计的扩展插件。接下来，我们将深入探讨VSCode插件系统以及一些常见的插件及其用途。 1. **代码高亮与美化**： - `Prettier`：这是一个...
VScode编辑器插件
04-11
VScode编辑器插件是Visual Studio Code（简称VSCode）扩展功能的重要组成部分，它极大地提升了开发者的工作效率。VSCode是一款由微软开发的免费、开源的源代码编辑器，支持多种编程语言，并且拥有丰富的可扩展性，...
vscode常用插件包Linux C
10-30
本包针对Linux用户，提供了适用于VSCode的一系列常用插件，旨在优化C语言的开发体验。下面，我们将详细讨论如何在Ubuntu系统中安装VSCode，以及如何安装和使用这些C语言的插件。 首先，我们需要在Ubuntu上安装...
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
（七）浏览器上安装?Vue Devtools和VScode插件-附件资源
03-05
（七）浏览器上安装?Vue Devtools和VScode插件-附件资源
VSCode安装Live server插件并设置为谷歌浏览器打开
又菜又爱玩的小熊
12-03 4602
文章目录一、安装Live server插件1.点击扩展——搜索Live server2.点击安装3.有如图所示表示安装完成二、设置为谷歌浏览器打开（安装完Live server插件以后需要重启一下VSCode）1.点击扩展——选择Live server插件——鼠标右击——选择扩展设置2.选择默认为谷歌浏览器3.设置完成可以运行测试下是否OK 一、安装Live server插件 1.点击扩展——搜索Live server 2.点击安装 3.有如图所示表示安装完成 二、设置为谷歌浏览器打开（安装完Live
值得推荐的一款WEB前端开发必备谷歌浏览器扩展插件--Visual Event
yamdork93的博客
05-15 2858
Visual Event是一个开源 JavaScript 书签，能提供绑定在DOM元素上的事件调试信息
搞一个chrome插件
2301_79822975的博客
09-18 278
（这里牵扯一些npm构建项目相关的内容，简单理解就是，你的dist目录是最终成品，src是开发时的目录，public存放的一般是项目模板（模块都载入进去），如果发布过npm包的话就会发现你的src是不会被打包到发布内容的（没有src目录））每次打开浏览器，总是觉得有些杂乱(虽然chrome已经很整洁了)，所以自己搞一个chrome插件重写一下浏览器的开始页(方法不唯一)这里我选择了Override page就是重写了默认打开的chrome page。搜索完了点进来就可以愉快编辑了。
Chrome插件开发入门
m0_67400973的博客
08-01 3785
content_scripts是在web页面运行的JavaScript脚本，通过使用标准的DOM，它可以获取浏览器访问页面的详细信息，并可以修改这些信息。1、获取DOM元素2、修改DOM元素3、修改样式1、不能使用除了chrome.extension之外的chrome.*接口2、不能访问它所在扩展中定义的函数和变量3、不能访问web页面和其他content_scripts中定义的函数和变量4、不能做cross_siteXMLHttpRsquest。...
VSCODE常用插件记录—不定期更新
热门推荐
young_Emily的博客
11-22 1万+
常用必备： 1. vscode-icon 让 vscode 资源树目录加上图标，必备良品！ 2. Path Intellisense 自动路劲补全，默认不带这个功能的 3. beautify Beautify css/sass/scss/less react-beautify 格式化代码 使用指南：按F1,然后输入bea—>选择
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 ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值