前言

最近在研究VUE.JS,而VUE官方推荐使用VSCode作为开发工具,因此最近才开始大量使用这个工具。在使用过程中,总会遇到一些视频博主推荐某某插件,于是我都将其安装在我的VSCode上。这里记录一下,仅供参考。

插件列表

Lingma - Alibaba Cloud AI Coding Assistant

通义灵码是由阿里云提供的智能编码辅助工具,提供 代码智能生成、智能问答、多文件修改、编程智能体 等能力,为开发者带来高效、流畅的编码体验。

Tailwind CSS IntelliSense

Tailwind CSS智能感知通过为Visual Studio Code用户提供自动完成、语法高亮和代码检查等高级功能,提升了Tailwind的开发体验。

Auto Close Tag

自动添加HTML/XML闭合标签,与Visual Studio IDE或Sublime Text的行为相同。

Auto Rename Tag

自动重命名成对的HTML/XML标签,就像Visual Studio IDE所做的那样。

AutoScssStruct4Vue

根据 vue文件的模板template结构,自动生成对应的 scss文件

EditorConfig for VS Code

此插件尝试使用 .editorconfig 文件中的设置覆盖用户/工作区设置。不需要额外的或针对 vscode 的特定文件。与任何 EditorConfig 插件一样,如果没有指定 root=true,EditorConfig 将继续在项目外部查找 .editorconfig 文件。

ESLint

该扩展使用在打开的工作区文件夹中安装的 ESLint 库。如果文件夹中没有提供,则扩展会查找全局安装版本。如果您还没有本地或全局安装 ESLint,请在工作区文件夹中运行 npm install eslint 进行本地安装,或运行 npm install -g eslint 进行全局安装。

i18n Ally

如果项目中提供了多语言,那么在多语言变量的地方,以变量值显示内容。

Iconify IntelliSense

显示对应的行内图标、自动补全图标集、悬停、代码片段。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

Live Server

提供一个Web Server,将网页文件以http协议的形式打开,同时支持网页热更新。

Markdown Preview Enhanced

在 VSCode 里编写 Markdown,支持预览
在这里插入图片描述

Microsoft Edge Tools for VS Code

在VSCode中内嵌的一个Microsoft Edge浏览器。

npm Intellisense

自动完成 import 语句中 npm 模块的 Visual Studio Code 插件
在这里插入图片描述

Prettier - Code formatter

Prettier是一个代码格式化工具。它通过解析您的代码并按照自己的规则重新打印,考虑到最大行长度,并在必要时进行代码换行,来强制执行一致的风格。

Version Lens

此扩展在vscode中打开包或项目文件时显示版本信息。它遵循semver规则,并使用Node Semver包来比较和排序版本。

vscode-icons

将真实图标带入您的 Visual Studio Code

Vue - Official

让VSCode支持VUE

Vue 3 Snippets

这个插件基于最新的 Vue 2 及 Vue 3 的 API 添加了 Code Snippets。

Vue VSCode Snippets

这个插件基于最新的 Vue 2 及 Vue 3 的 API 添加了 Code Snippets。

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

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

相关文章

C# 时间格式日期格式使用合集

一、常用整理 C#时间使用整理,DateTime 使用整理_c#时间格式-CSDN博客 C# 本地时间格式,UTC时间格式,GMT时间格式处理 二、 C#如何获取今天零点的时间 C# 获取周一、周日 三、 C#计算两个时间年份月份差 C#时间点字符串转换为日期,当…

Ribbon负载均衡的具体实现原理

Ribbon 是 Netflix 开源的一款客户端负载均衡工具,广泛应用于微服务架构中,用于在客户端选择目标服务实例。 以下是 Ribbon 负载均衡的具体实现原理: 1. 什么是 Ribbon Ribbon 是一个客户端负载均衡器,负责从服务注册中心&#…

iOS APP上架App Store实践:通过自动化流程和辅助工具高效提

在现代开发流程中,持续集成(CI)已经成为必不可少的环节。对于iOS应用的开发与发布,持续集成不仅限于构建过程,还应该涵盖从代码提交到版本发布的整个生命周期。然而,由于iOS平台对开发环境的限制&#xff0…

3443. K 次修改后的最大曼哈顿距离

3443. K 次修改后的最大曼哈顿距离 题目链接:3443. K 次修改后的最大曼哈顿距离 代码如下: class Solution { public:int maxDistance(string s, int k) {int res 0;// 定义一个大小为 X(88)的数组,并初始化为 0int…

【Ubuntu】Windows11安装虚拟机超详细图文教程(VMware17.6.1 + ubuntu-24.04.2)

目录 前言 一、准备工作 1、工具安装包 2、获取方式 3、本人的电脑安装环境介绍 二、虚拟机磁盘分区(可选) 1、分区助手安装 2、为虚拟机准备一个单独的磁盘分区 三、VMware安装 四、ubuntu镜像安装 1、Ubuntu镜像iso文件加载引导 2、Ubuntu…

计算机视觉(Computer Vision, CV)

目录 一、核心任务 二、常见应用场景 三、主流技术框架与工具 四、热门算法简述 五、发展趋势 六、计算机视觉学习路线图(从入门到实战) 1.阶段总览 2.学习路径详解 阶段一:CV入门基础 学习目标: 推荐内容:…

使用Dagster资产工厂模式高效管理重复ETL任务

本文介绍了如何利用Dagster的资产工厂模式来高效管理和自动化重复的ETL(提取、转换、加载)任务。通过Python函数和YAML配置文件的结合,我们可以轻松地创建和管理大量相似的资产,同时提高代码的可维护性和可配置性。文章还探讨了如…

浅谈开源在线客服系统与 APP 集成的技术方案与优劣势

在为移动端 App 接入在线客服系统的过程中,我经历了长时间的技术选型探索。最初,我也曾被一些“技术理想主义”选项所吸引,比如让用户自己研发界面我提供 API 以获得最高自由度,或集成 SDK 以追求原生体验。然而,随着项…

prometheus+grafana+MySQL监控

prometheusgrafanaMySQL监控 环境说明 操作前提: 先去搭建Docker部署prometheusgrafana...这篇文章的系统 Docker部署prometheusgrafana...的参考文章: Docker部署prometheusgrafana…-CSDN博客 在的节点服务器上搭建MySQL数据库(可以采用直…

多模态+类人认知:Embodied AI迈向AGI的三大瓶颈与突破路径

作者:Yequan Wang;Aixin Sun 摘要 AGI常被视为本质上具有具身特性。随着机器人技术和基础人工智能模型的最新进展,我们正站在一个新时代的门槛上——这一时代以日益通用化的具身人工智能系统为标志。本文通过提出一个涵盖五个层级&#xff…

wpf DataTemplate 宽度和控件宽度一样

wpf DataTemplate 宽度和控件宽度一样 在WPF中,如果你想要一个DataTemplate的宽度与它内部控件的宽度一致,你可以使用几种不同的方法来实现这一点。下面是一些常见的方法: 方法1:使用DataTemplate的Width属性 你可以在DataTemplate中直接设置Width属性,使其与内部控件的…

C#上位机实现报警语音播报

我们在开发C#上位机时,有时候会需要将报警信息通过语音进行播报,今天跟大家分享一下具体的实现过程。 一、组件安装 首先我们创建好一个Windows窗体项目,然后添加System.Speech库引用。 点击引用,右击添加引用,在程…

01-StarRocks安装部署FAQ

StarRocks安装部署FAQ 概述 本文档整理了StarRocks安装部署过程中常见的问题和解决方案,涵盖了环境准备、集群部署、配置优化等各个方面,帮助用户快速解决安装部署过程中遇到的问题。 环境准备FAQ Q1: StarRocks对硬件配置有什么要求? A: StarRocks的硬件配置要求如下:…

MinIO入门教程:从零开始搭建方便快捷的分布式对象存储服务

目录 一、MinIO简介二、环境准备三、MinIO服务部署1. 下载指定版本MinIO镜像2. 启动MinIO容器3. 参数详解 四、访问MinIO控制台1. 在浏览器中打开管理控制台:2. 输用户名和密码登录3. 创建存储桶Bucket4. 设置访问权限为公有5. 上传文件6. 访问文件 一、MinIO简介 …

多卡解决报错torch.distributed.elastic.multiprocessing.errors.ChildFailedError的问题

使用多卡运行 Pytorch出现下面的报错: E0619 10:29:15.774000 5065 site-packages/torch/distributed/elastic/multiprocessing/api.py:874] failed (exitcode: -11) local_rank: 0 (pid: 5184) of binary: /root/miniconda3/bin/python Traceback (most recent ca…

Kubernetes 架构的两种节点

前言 Kubernetes 采用主从(master-node)架构模式,主要由主节点,也称 控制平面(Control Plane)和工作节点(node)组成。 master 节点职责: ‌集群管理‌:负责整个集群的全局决策和状态管理API服务‌:通过 kube-apiser…

数据迷雾中的灯塔:奥威BI+AI数据分析如何照亮企业决策之路

决策进化史:从“盲人摸象”到“智能导航” 在每天83%的中国企业所面临的决策场景中,数据往往沉默不语,无法为管理者提供明确的指引。从决策依赖人工统计的“石器时代”(2010年前),到依赖静态报表的“铁器时…

Flutter 与 原生(Android/iOS)通信 Platform Channel

在Flutter中,Platform Channel是实现Flutter与原生平台(Android/iOS)通信的核心机制,其设计遵循轻量级异步通信原则,用于解决Flutter跨平台开发时与原生功能的交互需求。 一、核心作用 Flutter作为跨平台框架&#x…

django调用 paramiko powershell 获取cpu 个数

在Django中调用paramiko库执行PowerShell命令来获取CPU个数,可以通过以下步骤实现: 步骤1:安装paramiko 首先,确保你的Django项目中已经安装了paramiko库。如果尚未安装,可以通过pip安装: pip install pa…

React 表单太卡?也许你用错了控制方式

🎙 欢迎来到《前端达人 播客书单》第 23 期。 视频版(播客风格更精彩) 今天我们聚焦一个「写前端永远逃不掉」的主题:表单处理。 你有没有遇到过这些问题: 表单怎么一改就卡?state 是不是用错了&#xff1…