VSCode插件

代码格式化

Prettier - Code formatter

Prettier - Code formatter是一款自动代码格式化工具,支持HTMLJavaScriptTypeScriptCSSLessSass/SCSSVueAngularJSONYAMLMarkdown等文件。

Beautify

Beautify是一款可快速格式化代码的工具。

代码检测

ESLint

ESLint是一款静态代码分析工具。主要用于查找和修复JavaScript代码中潜在问题,避免常见的变成错误。

预处理

Live Sass Compiler

Live Sass Compiler是一款实时Sass编译工具。在保存Sass文件时自动将其保存为CSS文件,并将结果应用到浏览器中。

Easy Less

Easy Less是一款实现编写Less文件,保存后生成CSS文件。

辅助

Live Server

Live Server是一款允许本地启动一个 Web服务器的工具。保存对HTMLJavaScriptCSS等文件的修改,浏览器即可自动刷新。

Code Runner

Code Runner是一款可在VSCode内部直接运行各种语言的代码片段的工具。选中文本并按下快捷键,即可得到运行结果。
运行代码:
使用快捷方式 Ctrl+Alt+N
或按F1然后选择/键入Run Code,
或右键单击文本编辑器,然后Run Code在编辑器上下文菜单中单击
或单击Run Code编辑器标题菜单中的按钮
或单击Run Code文件资源管理器上下文菜单中的按钮

停止正在运行的代码:
使用快捷方式 Ctrl+Alt+M
或按F1然后选择/键入Stop Code Run
或右键单击输出通道,然后Stop Code Run在上下文菜单中单击

CSS Peek

CSS Peek是一款可在HTML中跳转到相关 CSS规则的工具。点击或鼠标悬停在HTML元素上,插件侧边栏中显示对应的CSS属性和值
注意:仅对HTML中引用外部样式(即单独css) 文件有用,对vue内部样式没有用。

Auto Rename Tag

Auto Rename Tag是一款重命名标签时,会自动更新成对标签名称的工具。

Auto Close Tag

Auto Close Tag是一款自动添加标签的结束标签的工具。

Path Intellisense

Path Intellisense是一款文件路径自动补齐工具。仅输入几个字符,便可快速找到目标文件。

Markdown All in One

Markdown All in One是一款支持Markdown编辑和预览功能的工具。

Turbo Console Log

Turbo Console Log是一款可快速生成在代码中插入console.log调试语句。快捷键:Ctrl + Alt + L (Windows) , Ctrl+Option+L (Mac)

Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code

Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code是一款将VSCode用户界面翻译成简体中文的工具。

Vue 支持

Vetur

Vetur是一款专门针对vue,js开发的工具。它提供了完成的vue.js支持,包括语法高亮、代码补全、错误检查等。

Vue - Official

Vue - Official是一款增强VSCodeVue项目的开发体验。

Vue 3 Snippets

Vue 3 Snippets是一款针对Vue 3的代码片段工具。它包含了大量的Vue 3特定代码模块。

翻译

Code Translate

Code Translate是一款可将代码中的注释或字符串快速翻译成其他语言的工具。

版本控制

GitLens

GitLens是一款强大的Git集成工具。扩展了VSCodeGit功能。

主题与图标

One Dark Pro

One Dark Pro是一款深色主题工具。

Atom One Dark Theme

Atom One Dark Theme是一款基于Atom 编辑器的原生主题进行改造的主题工具。

vscode-icons

vscode-icons 是一款图标工具。可自定义文件或文件夹的图标。

AI插件

TONGYI Lingma

TONGYI Lingma是阿里巴巴旗下,基于AI的工具。它提供了代码补全、文档生成、代码审查和自然语言查询等功能。

CodeGeeX

CodeGeeX是一款AI工具。它提供了代码生成、代码补全、代码注释、代码翻译、代码问答等功能。它是清华大学智谱 AI联合开发的多语言代码生成模型,是国产的 AI 编程大模型

CodeGPT

CodeGPT是一款AI工具。它提供了代码补全和其他智能辅助功能。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/473168.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

ReactPress与WordPress:两大开源发布平台的对比与选择

ReactPress与WordPress:两大开源发布平台的对比与选择 在当今数字化时代,内容管理系统(CMS)已成为各类网站和应用的核心组成部分。两款备受欢迎的开源发布平台——ReactPress和WordPress,各自拥有独特的优势和特点&am…

前后端请求响应

引入 在之前的例子中,我们编写了一个简单的web类,我们运行启动类,启动内嵌的tomcat后就可以在浏览器通过特定的路径访问tomcat中的应用程序。 但之前编写的程序仅仅是个简单的java类,其并未实现某个接口或继承某个类&…

Ubuntu24 上安装搜狗输入法

link 首先在终端中依次输入以下代码 sudo apt update sudo apt install fcitx 找到语言支持 在终端中依次输入 sudo cp /usr/share/applications/fcitx.desktop /etc/xdg/autostart/ sudo apt purge ibus 进入网页 搜狗输入法linux-首页​ shurufa.sogou.com/linux 找到刚才下…

Linux从0——1之shell编程4

声明! 学习视频来自B站up主 **泷羽sec** 有兴趣的师傅可以关注一下,如涉及侵权马上删除文章,笔记只是方便各位师傅的学习和探讨,文章所提到的网站以及内容,只做学习交流,其他均与本人以及泷羽sec团队无关&a…

嵌入式硬件杂谈(二)-芯片输入接入0.1uf电容的本质(退耦电容)

引言:对于嵌入式硬件这个庞大的知识体系而言,太多离散的知识点很容易疏漏,因此对于这些容易忘记甚至不明白的知识点做成一个梳理,供大家参考以及学习,本文主要针对芯片输入接入0.1uf电容的本质的知识点的进行学习。 目…

树莓派4B Qt+FFMPEG 多线程录制USB相机mjpeg数据流“h264_omx“硬件编码的MP4文件

文章目录 1 前言2 一些问题说明2.0 树莓派4b系统版本2.1 Qt2.2 FFMPEG2.3 图像格式 3 核心代码3.0 代码逻辑3.1 pro文件3.2 avframequeue.cpp3.3 decodethread.cpp 4 资源下载 1 前言 本项目为在树莓派4B开发板上,通过QtFFMPEG以多线程分别解码、编码USB摄像头视频数…

Cartographer激光雷达slam -20241116

Cartographer Cartographer代码结构 cartographer:负责处理来自雷达、IMU和里程计的数据并基于这些数据进行地图的构建,是cartographer理论的底层实现cartographer_ros:基于ros的通信机制获取传感器的数据并将它们转换成cartographer中定义…

Scratch 014生日贺卡(上)

知识回顾: 1、“面向鼠标指针”积木块 2、“重复执行直到”积木块 本次分享制作生日贺卡引入广播模块 案列效果: 生日贺卡上案例效果-CSDN直播 步骤拆解: 1、添加背景和角色 2、编辑贺卡造型添加名字 3、流程图的组成和画法 4、…

外网访问 WebDav 服务

从外部网络环境(比如异地和家中网络)来访问公司内网的 WebDav 服务(基于 IIS )并映射成本地虚拟磁盘。 步骤如下 第一步 在公司内网的电脑上设置 webDav。 1,找到【控制面板】,双击进入。 2&#xff0c…

渑池县中药材产业党委莅临河南广宇企业管理集团有限公司参观交流

11月14日,渑池县人大副主任、工商联主席杨航率县中药材产业党委代表团一行13人,莅临河南广宇集团参观交流。河南广宇集团总经理王峰、副总经理王培等领导热情接待并陪同参观、座谈。 代表团一行首先参观了集团旗下郑州美信中医院(庚贤堂中医药…

WP网站如何增加文章/页面的自定义模板

通过Wordpress我们后台在发布文章或者页面的时候其实可以看到有些主题 他有选择使用的页面模板,可以自定义模板,但是有些主题却没有选择主题这个功能,那这个自定义模板的功能是如何实现的呢?以下分两种情况:Page页面和…

FFmpeg 4.3 音视频-多路H265监控录放C++开发十四,总结编码过程,从摄像头获得数据后,转成AVFrame,然后再次转成AVPacket,

也就是将摄像头采集到的YUV 的数据换成 AVFrame,然后再次转成 AVPacket,那么这AVPakcet数据要怎么办呢?分为三种情况: 一种是将AVPacket存储成h264文件,由于h264编码器在将avframe变成avpacket的时候就是按照h264的格…

SQL Server 查询设置 - LIKE/DISTINCT/HAVING/排序

目录 背景 一、LIKE - 模糊查询 1. 通配符 % 2. 占位符 _ 3. 指定集合 [] 3.1 表示否定 ^ 3.2 表示范围 - 4. 否定 NOT 二、DISTINCT - 去重查询 三、HAVING - 过滤查询 四、小的查询设置 1. ASC|DESC - 排序 2. TOP - 限制 3. 子查询 4. not in - 取补集&…

动态规划-完全背包问题——322.零钱兑换

1.题目解析 题目来源 322.零钱兑换——力扣 测试用例 2.算法原理 1.状态表示 这里需要寻找硬币使总面值等于一个值求出所需硬币的最小个数,所以不妨设置一个二维dp表,即dp[i][j]:在[1,i]个硬币中选择的硬币总面值完全等于j时所需要的最小硬…

从零到一:利用 AI 开发 iOS App 《震感》的编程之旅

在网上看到一篇关于使用AI开发的编程经历,分享给大家 作者是如何在没有 iOS 开发经验的情况下,借助 AI(如 Claude 3 模型)成功开发并发布《震感》iOS 应用。 正文开始 2022 年 11 月,ChatGPT 诞生并迅速引发全球关注。…

【Linux庖丁解牛】—Linux基本指令(下)!

目录 1、grep指令 2、zip/unzip指令 3、sz/rz指令 4、tar指令 ​编辑 5、scp指令 6、bc指令 7、uname –r指令 8、重要的几个热键 9、关机 10、完结撒花 1、grep指令 grep是文本过滤器,其作用是在指定的文件中过滤出包含你指定字符串的内容,…

小程序19-微信小程序的样式和组件介绍

在小程序中不能使用 HTML 标签,也就没有 DOM 和 BOM,CSS 也仅支持部分选择器 小程序提供了 WXML 进行页面结构的编写,WXSS 进行页面的样式编写 WXML 提供了 view、text、image、navigator等标签构建页面结构,小程序中标签称为组件…

VMD + CEEMDAN 二次分解,CNN-LSTM预测模型

往期精彩内容: 时序预测:LSTM、ARIMA、Holt-Winters、SARIMA模型的分析与比较 全是干货 | 数据集、学习资料、建模资源分享! EMD变体分解效果最好算法——CEEMDAN(五)-CSDN博客 拒绝信息泄露!VMD滚动分…

《生成式 AI》课程 第3講 CODE TASK 任务3:自定义任务的机器人

课程 《生成式 AI》课程 第3講:訓練不了人工智慧嗎?你可以訓練你自己-CSDN博客 我们希望你创建一个定制的服务机器人。 您可以想出任何您希望机器人执行的任务,例如,一个可以解决简单的数学问题的机器人0 一个机器人&#xff0c…

SOLIDWORKS Toolbox:一键自动化,让紧固件与零部件管理更高效

紧固件广泛应用于从手机到火箭的各种产品中。在SOLIDWORKS设计时,通过使用实际的CAD模型来包含和跟踪紧固件是最简便和全面的方法,这有助于理解设计的整体,并自动管理零件数据和设计文档,如工程图和物料清单(BOM)。 在SOLIDWORKS…