我的VSCode中那些插件

前言

最近在研究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…