前端開發 VSCode 插件推薦

1、Chinese (Simplified) (簡體中文) Language Pack for Visual Studio Code

VS Code 的中文(簡體)語言包,此中文(簡體)語言包為 VS Code 提供本地化界面。

下載地址:Chinese (Simplified) (簡體中文) Language Pack for Visual Studio Code - Visual Studio Marketplace

2、GitHub Copilot

你的 AI 編程搭檔。在你的集成開發環境中實時獲得代碼建議。

?下載地址:GitHub Copilot - Visual Studio Marketplace

GitHub Copilot 會在你編寫代碼時提供來自 AI 配對程序員的自動補全式建議。你可以通過開始編寫想要使用的代碼,或編寫自然語言注釋描述代碼要實現的功能來接收 GitHub Copilot 的建議。

您的代碼屬于您。我們遵循《隱私聲明》中規定的責任做法,確保您的代碼片段不會被用作GitHub Copilot其他用戶的建議代碼。

GitHub Copilot 能為你做什么?
1、將注釋轉換為代碼

GitHub Copilot使用了一種經過大量公開源代碼訓練的GPT-3的特殊版本。它擅長編寫自然語言,也擅長編寫代碼,因此實際上它可以為您完成注釋。在下面的示例中,我們首先讓它完成我們的解釋,然后,逐行通過代碼,我們執行了剛才用英文所說的內容。

2、創建單元測試?

GitHub Copilot 的一個重要用例是將編寫單元測試的一些繁瑣工作去除。在下面的例子中,我們已經實現了一個計算兩個列表共同前綴的函數,并且我們想要對其進行測試。為了做到這一點,我們導入了單元測試包,然后開始編寫一個測試函數,讓 Copilot 生成斷言,我們只需按Tab鍵就可以接受。

3、創建一個SQL查詢

比用Go語言生成代碼更酷的是什么?答案是使用嵌入SQL的Go語言!要讓 GitHub Copilot 做到這一點,只需向它展示用 CREATE TABLE 語句編寫的模式。然后,它將很好地在Go語言中編寫一個嵌入的查詢,并將結果轉換為你自己編寫的Go類:

3、ChatGPT GPT-4 - Bito AI Code Assistant?

頂級 AI 代碼助手和開發者輔助。支持 GPT-4 和 GPT Turbo 3.5 模型,用于更智能、更快速的 AI 代碼生成、測試創建、代碼編輯、代碼解釋等。獲得亞馬遜、蘋果、谷歌等 10 萬多名開發者的信任。提供付費計劃選項,永久免費,無需 API 密鑰。?

下載地址:ChatGPT GPT-4 - Bito AI Code Assistant - Visual Studio Marketplacehttps://marketplace.visualstudio.com/items?itemName=Bito.Bito

4、Code Runner

為多種語言運行代碼段或代碼文件:C、C++、Java、JavaScript、PHP、Python、Perl、Perl6、Ruby、Go、Lua、Groovy、PowerShell、BAT/CMD、BASH/SH、F#腳本、F#(.NET核心)、C#腳本、C#(.NET核心)、VBScript、TypeScript、CoffeeScript、Scala、Swift、Julia、Crystal、OCaml腳本、R、AppleScript、Elixir、Visual Basic。NET、Clojure、Haxe、Objective-C、Rust、Racket、Scheme、AutoHotkey、AutoIt、Kotlin、Dart、Free Pascal、Haskell、Nim、D、Lisp、Kit、V、SCSS、Sass、CUDA、Less、Fortran、Ring、Standard ML、Zig、Mojo和自定義命令。

下載地址:Code Runner - Visual Studio Marketplace

5、CodeSnap

在VS Code中為你的代碼拍攝精美的屏幕截圖!

下載地址:CodeSnap - Visual Studio Marketplace

6、Color Highlight?

這個擴展程序會調整您文檔中發現的 CSS/Web 顏色樣式。

下載地址:Color Highlight - Visual Studio Marketplace

7、?ESLint Chinese Rules

ESLint 規則中文輔助提示插件,幫助更便捷的查詢引用的規則,理解規則。

  • 支持eslint官方規則
  • 支持eslint-vue-plugin規則
  • 支持eslint-plugin-react規則

鼠標懸停在 ESLint 診斷錯誤的地方,打開驚喜小提示,點擊藍色提示,方便的跳轉文檔地址。

8、?GitLens — Git supercharged

GitLens是一款終極工具,可讓您輕松使用Git,旨在通過一套強大的工具幫助您和您的團隊更好地理解、編寫和審查代碼,從而提高專注度、生產力和協作能力。

下載地址:GitLens — Git supercharged - Visual Studio Marketplace

9、?Import Cost

此擴展程序將在編輯器中以內聯方式顯示導入程序包的大小。擴展程序利用webpack來檢測導入的大小。

下載地址:Import Cost - Visual Studio Marketplace

10、indent-rainbow?

一個簡單的擴展,使縮進更易讀,這個擴展將您文本前的縮進部分著色,每個步驟交替使用四種不同的顏色。有些人可能發現它對編寫 Python、Nim、Yaml 代碼,甚至可能對與縮進無關的文件類型都有幫助。

注意:從 8.0.0 版本開始,這個擴展也可以在 vscode-web(github.dev)上使用。

下載地址:indent-rainbow - Visual Studio Marketplace

?

11、Jest Runner

從右鍵菜單中簡單地運行或調試單個(或多個)測試的方法。

下載地址:Jest Runner - Visual Studio Marketplace

12、Live Server?

啟動一個帶有靜態和動態頁面實時重新加載功能的開發本地服務器。

下載地址:Live Server - Visual Studio Marketplace

13、通義靈碼

通義靈碼,是一款基于通義大模型的智能編碼輔助工具,提供行級/函數級實時續寫、自然語言生成代碼、單元測試生成、代碼注釋生成、代碼解釋、研發智能問答、異常報錯排查等能力,并針對阿里云 SDK/API 的使用場景調優,為開發者帶來高效、流暢的編碼體驗。

  • 兼容 Visual Studio Code、JetBrains IDEs 等主流 IDE;
  • 支持 Java、Python、Go、C/C++/C#、JavaScript、TypeScript、PHP、Ruby、Rust、Scala 等主流編程語言。

下載地址:TONGYI Lingma - Visual Studio Marketplace

14、VSCode React Refactor?

重新組織你那些臃腫的JSX,不必擔心提供的數據。這個簡單的擴展為React開發人員提供了JSX重構代碼操作。

  • 將 JSX 代碼部分提取到一個新的類或函數組件中。
  • 支持 TypeScript 和 TSX
  • 適用于類、函數和箭頭函數
  • 處理關鍵屬性和函數綁定
  • 兼容 React Hooks API

15、Codelf(變量命名神器)

從Github、Bitbucket、Google Code、Codeplex、Sourceforge、Fedora Project、GitLab等項目中搜索,找到真實世界中使用的變量名。

用法

Select text, right-click and select "Codelf"

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/718070.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/718070.shtml
英文地址,請注明出處:http://en.pswp.cn/news/718070.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

D*算法超詳解 (D星算法 / Dynamic A*算法/ Dstar算法)(死循環解決--跟其他資料不一樣奧)

所需先驗知識(沒有先驗知識可能會有大礙,了解的話會對D*的理解有幫助):A*算法/ Dijkstra算法 何為D*算法 Dijkstra算法是無啟發的尋找圖中兩節點的最短連接路徑的算法,A*算法則是在Dijkstra算法的基礎上加入了啟發函數…

[JavaWeb玩耍日記]HTML+CSS+JS快速使用

目錄 一.標簽 二.指定css 三.css選擇器 四.超鏈接 五.視頻與排版 六.布局測試 七.布局居中 八.表格 九.表單 十.表單項 十一.JS引入與輸出 十二.JS變量,循環,函數 十三.Array與字符串方法 十四.自定義對象與JSON 十五.BOM對象 十六.獲取…

Network LSA 結構簡述

Network LSA主要用于描述一個區域內的網絡拓撲結構,包括網絡中的路由器和連接到這些路由器的網絡。它記錄了每個路由器的鄰居關系、連接狀態以及連接的度量值(如帶寬、延遲等),以便計算最短路徑和構建路由表。display ospf lsdb n…

網關kong記錄接口處理請求和響應插件 tcp-log-with-body的安裝

tcp-log-with-body 介紹 Kong的tcp-log-with-body插件是一個高效的工具,它能夠轉發Kong處理的請求和響應。這個插件非常適用于需要詳細記錄API請求和響應信息的情景,尤其是在調試和排查問題時。 軟件環境說明 kong version 2.1.4 - 2.8.3 [可用親測]C…

二、數據結構——單鏈表,雙鏈表,棧,隊列,單調棧,單調隊列,KMP,Trie,并查集,堆,哈希表等內容。

對于鏈表來說,由于new操作時間太長,因此,算法題中一般使用靜態鏈表。 1.單鏈表 采用數組實現單鏈表,可以直接開兩個數據,一個數組存放數值,另外一個數據存放下一個元素(指針)。 示…

JavaScript“基本語法”筆記(自學第一天)!

一、JavaScript的用途和應用領域 JavaScript的應用領域非常廣泛,主要包括以下幾個方面: 網頁交互性: JavaScript最初是為了增強網頁的交互性而開發的,它可以控制網頁的行為、樣式和內容,使用戶能夠與網頁進行實時交互&#xff0c…

一個教材上的CMS網站源碼在Linux服務器上登錄時驗證碼正常,但在windows下不能正常顯示

一個教材上的CMS網站源碼在Linux服務器上登錄時驗證碼正常,但在windows下不能正常顯示。 在linux服務器上能正常顯示。顯示界面如下所示:

蜻蜓FM語音下載(mediadown)

一、介紹 蜻蜓FM語音下載(mediadown),能夠幫助你下載蜻蜓FM音頻節目。如果你是蜻蜓FM會員,它還能幫你下載會員節目。 二、下載地址 本站下載:蜻蜓FM語音下載(mediadown) 百度網盤下載&#…

Web 應用防火墻(WAF):功能、應用場景和未來發展方向

Web 應用防火墻(WAF)是一種用于保護 Web 應用程序免受各種網絡攻擊的安全工具。WAF 可以檢測并阻止對 Web 應用程序的惡意攻擊,如SQL 注入、跨站腳本(XSS)和跨站請求偽造(CSRF)等。它通過檢查 H…

【Redis 主從復制】

文章目錄 1 :peach:環境配置:peach:1.1 :apple:三種配置方式:apple:1.2 :apple:驗證:apple:1.3 :apple:斷開復制和切主:apple:1.4 :apple:安全性:apple:1.5 :apple:只讀:apple:1.6 :apple:傳輸延遲:apple: 2 :peach:拓撲結構:peach:2.1 :apple:?主?從結構:apple:2.2 :apple:?…

【MetaGPT】配置教程

MetaGPT配置教程(使用智譜AI的GLM-4) 文章目錄 MetaGPT配置教程(使用智譜AI的GLM-4)零、為什么要學MetaGPT一、配置環境二、克隆代碼倉庫三、設置智譜AI配置四、 示例demo(狼羊對決)五、參考鏈接 零、為什么…

大數據技術(一)

大數據技術概述 大數據技術層面及其功能 數據采集與預處理 利用ETL(extract-transform-load)工具將分布的、異構數據源中的數據,如關系數據、平面數據文件等,抽取到臨時中間層后進行清洗、轉換、集成,最后加載到數據倉庫或數據集市中&…

C語言什么是循環嵌套?

一、問題 分?結構是可以進?嵌套的,循環結構同樣也?持嵌套,那什么是循環嵌套呢? 二、解答 ?個循環體內?包含另?個完整的循環結構,就稱之為循環嵌套。內嵌的循環中還可以嵌套循環,這就是多層循環,也叫…

類與對象詳解 C++ (1)

1.struct和class 與C語言不同的是,C中struct和class可以定義成員變量和成員函數。更偏好用class。 2.類的定義 格式如下: class 為 定義類的 關鍵字, ClassName 為類的名字, {} 中為類的主體,注意 類定義結束時后面…

前端canvas項目實戰——簡歷制作網站(五):右側屬性欄(字體、字號、行間距)

目錄 前言一、效果展示二、實現步驟1. 優化代碼,提取常量2. 實現3個編輯模塊3. 實現updateFontProperty方法4. 一個常見的用法:僅更新當前選中文字的樣式 三、Show u the code后記 前言 上一篇博文中,我們擴充了線條對象(fabric.…

springboot 整合oauth2

1、EnableOAuth2Client:客戶端,提供OAuth2RestTemplate,用于客戶端訪問資源服務。 簡要步驟:客戶端訪問資源->客戶端發現沒有資源訪問token->客戶端根據授權類型生成跳轉url->瀏覽器 302 到認證授權服務進行認證、授權。…

Dockerfile構建過程詳解

Dockerfile介紹 docker是用來構建docker鏡像的文件!命令參數腳本! 構建步驟: 1、編寫一個dockerfile文件 2、docker build構建成為一個鏡像 3、docker run 運行鏡像 …

PDF轉Excel的未來:人工智能技術如何提升轉換效率和準確性

隨著信息技術的快速發展,PDF和Excel作為兩種重要的文件格式,在日常生活和工作中扮演著至關重要的角色。PDF以其獨特的跨平臺閱讀特性,成為了文件分享和傳輸的首選格式;而Excel則以其強大的數據處理能力,成為了數據分析…

【二分查找】【C++算法】378. 有序矩陣中第 K 小的元素

作者推薦 視頻算法專題 本文涉及的基礎知識點 二分查找算法合集 LeetCode378. 有序矩陣中第 K 小的元素 給你一個 n x n 矩陣 matrix ,其中每行和每列元素均按升序排序,找到矩陣中第 k 小的元素。 請注意,它是 排序后 的第 k 小元素&…

機器人持續學習基準LIBERO系列10——文件結構

0.前置 機器人持續學習基準LIBERO系列1——基本介紹與安裝測試機器人持續學習基準LIBERO系列2——路徑與基準基本信息機器人持續學習基準LIBERO系列3——相機畫面可視化及單步移動更新機器人持續學習基準LIBERO系列4——robosuite最基本demo機器人持續學習基準LIBERO系列5——…