標籤: VS code 頁1

VS code相關的文章，目前共收錄 26 篇內容。

Cursor AI Editor：內建 AI 輔助的程式開發編輯器
網路資源

Cursor AI Editor：內建 AI 輔助的程式開發編輯器

Cursor AI Editor 是一個結合 ChatGPT 的內建 AI 輔助程式開發編輯器，你可以簡單地藉由自然語言與之對話，就能快速生成程式碼。

[VS Code 擴充套件] JavaScript (ES6) code snippets
網路資源

[VS Code 擴充套件] JavaScript (ES6) code snippets

JavaScript (ES6) code snippets 是 VS Code 的一個可以提示 JavaScript 程式碼的擴充套件，幫助開發者更快速地撰寫 JavaScript。

Jupyter AI：免費的 AI 程式開發助手，並支援多種模型
網路資源

Jupyter AI：免費的 AI 程式開發助手，並支援多種模型

Jupyter AI 提供了一種用戶友好且強大的方式，在筆記本中探索生成式人工智慧模型，並在 JupyterLab 和 Jupyter Notebook 中提升開發者的工作效率。

ChatGPT GPT-4(Bito)：把 ChatGPT 整合進你的 IDE 內，支援 VS Code、Jetbrains 系列與 Chrome 擴充功能
網路資源

ChatGPT GPT-4(Bito)：把 ChatGPT 整合進你的 IDE 內，支援 VS Code、Jetbrains 系列與 Chrome 擴充功能

ChatGPT GPT-4(Bito) 是一個把 ChatGPT 整合進你的 IDE 內的好用工具，而且還免費，支援 VS Code、Jetbrains 系列，也有 Chrome 擴充功能。

[VS Code 擴充套件] Vue Language Features (Volar)：好用的 Vue 開發工具
網路資源

[VS Code 擴充套件] Vue Language Features (Volar)：好用的 Vue 開發工具

Volar 是一個針對 Visual Studio Code (VS Code) 的擴充套件，旨在提供更好的 Vue 開發體驗。這個擴充套件是由 Vue 核心團隊開發的，並且是 Vue 3 的官方推薦工具。

ChatGPT - EasyCode：在 VS Code 或 PhpStorm 編輯器內方便的使用 ChatGPT
網路資源

ChatGPT - EasyCode：在 VS Code 或 PhpStorm 編輯器內方便的使用 ChatGPT

ChatGPT - EasyCode 這個 VS Code 的擴充功能提供了一個可以在在 Visual Studio Code 中使用 GPT-3 和 GPT-4 的聊天介面，以便與聊天機器人進行交互，編寫和測試自然語言相關的程式碼或專案的方便介面。

[VS Code 擴充套件] OpenRefactor AI：基於 OpenAI 的 VS Code 程式碼重構工具
網路資源

[VS Code 擴充套件] OpenRefactor AI：基於 OpenAI 的 VS Code 程式碼重構工具

OpenRefactorAI 是一款以 OpenAI 為基礎的 VSCode 擴充套件，可以根據您的指示來重新整理程式碼。透過 OpenRefactorAI，您可以輕鬆精準地利用人工智慧的力量重新結構程式碼片段。

[VS Code 擴充套件] Buildt AI 透過文字描述搜尋，找到專案中的該功能的原始碼
網路資源

[VS Code 擴充套件] Buildt AI 透過文字描述搜尋，找到專案中的該功能的原始碼

Buildt AI 這個 VS Cod 擴充套件可以直接透過模糊的文字描述，直接找到你專案中的該功能的原始碼，在套件的介紹還有提到將來還會有幫你產生 code 以及優化 code 的功能，有興趣的可以使用看看。

Marp- 利用 Markdown 來製作投影片
網路資源

Marp- 利用 Markdown 來製作投影片

喜歡 Markdown 的朋友，如果有想要製作投影片的話，可以試試看 Marp 這個服務。

[VS Code 擴充套件] SVG- 方便的 SVG 標籤提示與預覽工具
網路資源

[VS Code 擴充套件] SVG- 方便的 SVG 標籤提示與預覽工具

在用 VS Code 寫網站時，如果有需要用到 SVG，推薦可以使用 SVG 這個 extension，只要安裝後就可以提示 SVG 的 code，以及有 SVG 的預覽功能。

透過 VS Code 的 Live Sass Compiler 客製化 Bootstrap 的 CSS
教學

透過 VS Code 的 Live Sass Compiler 客製化 Bootstrap 的 CSS

我們在網站要客製化 Bootstrap 的 CSS 其實最好是去修改 SCSS 會比較好，如果網站本身沒有編譯 SCSS 的環境，建議可以透過之前介紹的 VS Code 套件 Live Sass Compiler 來編譯，首先安裝完後，再去 Bootstrap 官網下載原始碼。

[VS Code 擴充套件] TODO Highlight- 幫你把待辦事項清楚標示出來
網路資源

[VS Code 擴充套件] TODO Highlight- 幫你把待辦事項清楚標示出來

TODO Highlight 是一個 VS Code 的擴充套件，安裝後可以藉由在註解時加上一些關鍵字讓樣式改變，方便提示開發者該做的事情。

[VS Code 擴充套件] PHP Intelephense- 格式化 PHP 程式碼
網路資源

[VS Code 擴充套件] PHP Intelephense- 格式化 PHP 程式碼

PHP Intelephense 是一個簡單好用的 VS Code 格式化擴充套件，只要安裝後按右鍵就可以格式化 PHP 的程式碼，或是按下 Shift+Alt+F 透過熱鍵格式化文件。

[VS Code 擴充套件] vscode-pets 在 VS Code 上面養個寵物吧
網路資源

[VS Code 擴充套件] vscode-pets 在 VS Code 上面養個寵物吧

vscode-pets 這是一個輕鬆的 VS Code 套件，安裝後就能夠在 VS Code 上面養寵物，而且也能透過設定替換主題喔。

[VS Code 擴充套件] Material Icon Theme- 使用 Material Icon 當你的檔案圖示
網路資源

[VS Code 擴充套件] Material Icon Theme- 使用 Material Icon 當你的檔案圖示

Material Icon Theme 是可以把 VS Code 的檔案圖示替換成 Material Icon 的樣子，喜歡漂亮介面的朋友可以使用看看。

[VS Code 擴充套件] 使用 Live Sass Compiler 套件自動編譯 SASS/SCSS
網路資源

[VS Code 擴充套件] 使用 Live Sass Compiler 套件自動編譯 SASS/SCSS

SASS/SCSS 是寫 CSS 的好幫手，不過一般要寫的話都需要先安裝好相關的環境才能開始寫，不過還好 VS Code 有人就開發出可以直接自動編譯的套件 Live Sass Compiler，安裝後就算不弄環境也可以直接撰寫 SASS/SCSS 了。

[VS Code 擴充套件] Git Graph- 視覺化 Git 套件
網路資源

[VS Code 擴充套件] Git Graph- 視覺化 Git 套件

Git Graph 是 VS Code 視覺化 Git 的擴充套件，也可以自訂調整 UI 的樣式。

[VS Code 擴充套件] Settings Sync- 同步 VS Code 設定的好套件
網路資源

[VS Code 擴充套件] Settings Sync- 同步 VS Code 設定的好套件

Settings Sync 是一個可以方便幫你同步 VS Code 設定跟套件的好工具，因為該套件是使用 Github 帳號儲存資料，所以安裝好後登入 Github，之後不管是換電腦或是要在別的地方使用 VS Code，只要透過這個套件就能輕鬆同步了。