從零開始用VSCode串Gemini,讓AI幫你寫程式!

雙玥-avatar-img
發佈於日常
更新 發佈閱讀 4 分鐘

步驟
1. 安裝Visual Studio Code - 一款免費、開源、跨平台的程式碼編輯器
(1) 官網下載安裝檔

vocus|新世代的創作平台

(2) 執行安裝檔,安裝完成後啟動
(3) 安裝中文套件

vocus|新世代的創作平台

(4) 開啟終端機視窗

vocus|新世代的創作平台

2. 安裝nvm - Node.js 版本管理器,用來安裝、管理和切換不同版本的Node.js
macOS/Linux:以指令安裝

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash

windows
(1) 直接到nvm下載安裝檔,這時的最新版是1.2.2

vocus|新世代的創作平台

(2) 將安裝時的安裝位置複製起來(若一開始沒有複製,重點一次安裝檔即可)

vocus|新世代的創作平台

(3) 搜尋「編輯系統環境變數」,開啟環境變數,找到Path,新增剛剛複製的nvm位置

vocus|新世代的創作平台

(4) 重啟VSCode,在終端機輸入「nvm version」有出現版本號即為安裝成功

vocus|新世代的創作平台

3. 用nvm安裝Node.js
(1) 在終端機輸入「nvm install latest」

vocus|新世代的創作平台

(2) 下「nvm ls」查看目前所有已安裝的版本
(3) 下「nvm use [版本號]」切換到最新版本

vocus|新世代的創作平台

4. 安裝Gemini,在終端機輸入指令「npm install -g @google/gemini-cli」

vocus|新世代的創作平台


※ 若出現「npm : 因為這個系統上已停用指令碼執行,所以無法載入 C:\nvm4w\nodejs\npm.ps1 檔案」錯誤訊息,解決方式:
(1) 搜尋「PowerShell」,找到 Windows PowerShell,按右鍵以系統管理員執行
(2) 輸入指令「Set-ExecutionPolicy RemoteSigned」允許本機腳本執行
(3) 輸入指令「Y」確認變更執行規則
(4) 重啟VSCode,再次嘗試第 4 個步驟安裝Gemini

vocus|新世代的創作平台
  1. 執行Gemini
    (1) 在終端機輸入指令「gemini」
vocus|新世代的創作平台

(2) 按鍵盤上的「Enter」選Yes,登入google帳號
出現這個可輸入指令的輸入框就是執行成功囉!

vocus|新世代的創作平台

(3) 開始輸入你的指令吧,可以用中文、也可以說得很直白
例如我輸入「請幫我建立一個客戶資料表的網頁,有新增、修改、刪除功能」
他也會用中文回覆,會告訴我他打算怎麼做,如果同意他的做法就輸入「好」,不同意就跟他說你的想法

vocus|新世代的創作平台

※ 選項可以按鍵盤的↑↓按鍵來選擇,送出時按「Enter」
※ 若要結束 gemini,連按兩次 Ctrl+C(mac的話是Command+C)
※ 下次想再重新啟動,只要再輸入「gemini」指令即可

留言
avatar-img
雙玥天空
7會員
109內容數
小說、教學、推薦,什麼都寫
雙玥天空的其他內容
2025/06/19
Colab 是什麼? Whisper 是什麼? 如何建立一個 Colab、如何匯入 whisper、如何載入模型? 如何上傳音檔,用什麼語法辨識文字內容? 手把手教學,照著步驟做,一步一步帶你走!完全沒有程式基礎照抄也做得出來!
2025/06/19
Colab 是什麼? Whisper 是什麼? 如何建立一個 Colab、如何匯入 whisper、如何載入模型? 如何上傳音檔,用什麼語法辨識文字內容? 手把手教學,照著步驟做,一步一步帶你走!完全沒有程式基礎照抄也做得出來!
2025/05/17
玩楓之谷 N 遇到的各種疑難雜症,盡量解答
2025/05/17
玩楓之谷 N 遇到的各種疑難雜症,盡量解答
2025/03/09
手機挖礦:BitcoinMining(挖比特幣)、Bee Network、Star Network。app不用一直開著,偶爾開一下就可以關掉了。內含可增加挖礦速度的邀請碼...
2025/03/09
手機挖礦:BitcoinMining(挖比特幣)、Bee Network、Star Network。app不用一直開著,偶爾開一下就可以關掉了。內含可增加挖礦速度的邀請碼...
看更多
你可能也想看
Thumbnail
理解一個全新的操作環境有時候可能是一個挑戰,尤其對於那些剛開始接觸VS Code的開發者來說,即便具備一定的英文閱讀能力,可能也會對這個陌生的操作環境感到徬徨和不安。不過,沒有必要擔心,我們接下來就來一起用短短的一分鐘時間,將VS Code轉換成最熟悉的中文環境吧! 安裝繁體中文語言包 由於VS
Thumbnail
理解一個全新的操作環境有時候可能是一個挑戰,尤其對於那些剛開始接觸VS Code的開發者來說,即便具備一定的英文閱讀能力,可能也會對這個陌生的操作環境感到徬徨和不安。不過,沒有必要擔心,我們接下來就來一起用短短的一分鐘時間,將VS Code轉換成最熟悉的中文環境吧! 安裝繁體中文語言包 由於VS
Thumbnail
Vue.js是一種基於MVVM的前端JavaScript框架,類似的框架有React、Angular等。 架設環境 安裝Visual Studio Code(https://code.visualstudio.com/) 安裝Node.js(https://nodejs.org/en/
Thumbnail
Vue.js是一種基於MVVM的前端JavaScript框架,類似的框架有React、Angular等。 架設環境 安裝Visual Studio Code(https://code.visualstudio.com/) 安裝Node.js(https://nodejs.org/en/
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
因為最近想嘗試編碼風格,於是就選了一套比較"不嚴格"的輔助工具來摸索。 編輯器 VS CODE 框架 VUE3 打包工具 VITE 編碼風格 Standard 環境 version { "nodejs":"v18.18.0", "npm":"9.8.1" }
Thumbnail
因為最近想嘗試編碼風格,於是就選了一套比較"不嚴格"的輔助工具來摸索。 編輯器 VS CODE 框架 VUE3 打包工具 VITE 編碼風格 Standard 環境 version { "nodejs":"v18.18.0", "npm":"9.8.1" }
Thumbnail
接續上一篇 Step2:VC#專案建立 Step3:IIS新建站台 Step4:VC#架設到IIS中
Thumbnail
接續上一篇 Step2:VC#專案建立 Step3:IIS新建站台 Step4:VC#架設到IIS中
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
在學習C#之前,必須先建立開發環境,例如安裝Visual Studio或其他IDE,並且建立第一個C#專案。可以在Visual Studio中或使用dotnet CLI來建立各種類型的專案。
Thumbnail
在學習C#之前,必須先建立開發環境,例如安裝Visual Studio或其他IDE,並且建立第一個C#專案。可以在Visual Studio中或使用dotnet CLI來建立各種類型的專案。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
本章節將引導你如何建立一個TypeScript開發環境,這包括安裝Node.js、npm和TypeScript,建立一個TypeScript項目,設置編輯器,以及編寫和編譯TypeScript代碼。在完成這些步驟之後,你將能夠編寫、編譯和運行TypeScript代碼。
Thumbnail
本章節將引導你如何建立一個TypeScript開發環境,這包括安裝Node.js、npm和TypeScript,建立一個TypeScript項目,設置編輯器,以及編寫和編譯TypeScript代碼。在完成這些步驟之後,你將能夠編寫、編譯和運行TypeScript代碼。
Thumbnail
這一集用最新的Vite工具去創建初始檔案。Vite用於創建和構建Web應用程序,具有快速的啟動時間、即時熱更新、小型體積、支持多種框架和可擴展性等優點。
Thumbnail
這一集用最新的Vite工具去創建初始檔案。Vite用於創建和構建Web應用程序,具有快速的啟動時間、即時熱更新、小型體積、支持多種框架和可擴展性等優點。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News