VS Code Pets,一邊寫程式一邊養隻療癒小寵物吧

更新於 發佈於 閱讀時間約 4 分鐘

本篇要解決的問題

看到「寵物」就知道,本篇要解決的問題就是我們人類的空虛心靈(咦?)。

開玩笑的 XD,前陣子滑新聞時,有瞄到「code」、「pet」的字眼,當時沒點進去看,只是有個印象。

在過完夢幻的十天年假後,第一篇文章不想太有壓力,想來點輕鬆的,就在 VS Code 上搜尋了「Pet」,排名第一的就是今天要介紹的「VS Code Pets」。

安裝數破 30 萬的 vscode-pets

安裝數破 30 萬的 vscode-pets

用了一下後覺得蠻有趣的,開工後就一直讓幾隻小貓在 VS Code 上跑來跑去,也想分享給大家,於是整理了這篇使用筆記文。


安裝 vscode-pets

常用 VS Code 進行開發的攻城獅們,就不用看這段了,因為安裝延伸模組很簡單,但為了這篇可以湊一些字數就還是寫一下(有沒有這麼直接?)。

在 VS Code 上,點擊左側選單中的「延伸模組」:

安裝 vscode-pets

安裝 vscode-pets

接著搜尋框中輸入「pet」,看到的第一個最多人安裝的就是了,按下「安裝」後不用幾秒就會安裝成功。

安裝成功,會看到原本寫「安裝」二個字的按鈕,變成停用、解除安裝。

安裝成功

安裝成功

來放寵物吧

安裝完 vscode-pets,VS Code 左側選單點擊最上面的「檔案總管」,就會看到檔案清單的下方新增了一塊「VS CODE PETS」,而且預設會有一隻黑白貓在那邊跑來跑去:

檔案總管會新增 VS CODE PETS

檔案總管會新增 VS CODE PETS

區塊標題「VS CODE PETS」的右邊有三個按鈕:

  • +:新增一隻寵物
  • o:丟一顆球給寵物咬爛
  • 垃圾桶:刪除一隻寵物

新增寵物時,會先選擇要新增什麼類型的寵物,目前有 10 種可以選擇:

選擇寵物類型

選擇寵物類型

因為 August 是貓派,所以就用 cat 來示範(我是貓派我驕傲)。

選好寵物後,有幾種類型的寵物可以選擇花色,像是貓咪就可以選擇:

選擇寵物花色

選擇寵物花色

選好了花色,最後會需要幫寵物取名字,目的是之後要刪除時,會用寵物名字來選擇。如果是取名字障礙症候群的患者也不用擔心,預設會隨機提供一個名字:

為寵物取名字,或是直接使用隨機名

為寵物取名字,或是直接使用隨機名

取完名字後,就會看到視窗中多了一隻可愛寵物啦~

新增寵物成功

新增寵物成功

上面的截圖,寵物出現一個愛心 ❤ 的圖示,代表他們寵物之間認識了彼此。

滑鼠移到寵物身上,就會出現揮手 👋 的圖示,代表在跟奴才(不要懷疑就是在說你)打招呼:

跟我們打招呼

跟我們打招呼


用指令看功能

不要被標題的「指令」二個字嚇傻了,其實就是我們要使用延伸功能時會按的:

  • MacOS:Cmd(⌘) + Shift + P
  • Windows / Linux:Ctrl + Shift + P

按下去以後,就可以輸入關鍵字來看延伸功能的更多功能,我們輸入:

pet coding

就會看到總共有以下功能可用:

用指令可以有更多功能

用指令可以有更多功能

Roll-call 這個很好玩,就是所有的寵物會報數刷存在感:

報數啦

報數啦


用擴充設定改變場景

如果覺得寵物太小不夠安慰我們被廠商欺負的幼小心靈,可以透過擴充設定來改變。

VS Code 左側選單再選到延伸功能,一樣在 input 的框輸入 pet,接著點擊 vscode-pets 右下角的小齒輪圖,點擊「擴充設定」:

進到 vsocde-pets 的擴充設定

進到 vsocde-pets 的擴充設定

點擊了以後,就可以看到 vscode-pets 的設定:

vscode-pets 設定

vscode-pets 設定

Pet size 就是可以改變寵物大小的。

Theme 則是可以改變背景,目前有 none、forest、castle、beach 四種可選,選了以後就會看到愛寵們在不一樣的地方奔跑:

可以換場景

可以換場景

官方有提供說明文件,如果想了解更多可以點看 文件 來看。

最後,不得不說,看看攻城獅的內心有寂寞,就算知道是假狗假貓也覺得開心跟被安慰 😂。

留言
avatar-img
留言分享你的想法!
avatar-img
Let's Write 的沙龍
9會員
19內容數
沙龍到底是…做什麼用的勒?
Let's Write 的沙龍的其他內容
2024/08/24
了解如何在 GitLab 中設置和使用 CodiumAI PR-Agent 進行 AI Code Review,自動檢查和改進程式碼。本文提供詳細步驟,包括環境設置、提交必要檔案,以及如何使用 OpenAI API Key 進行配置。
Thumbnail
2024/08/24
了解如何在 GitLab 中設置和使用 CodiumAI PR-Agent 進行 AI Code Review,自動檢查和改進程式碼。本文提供詳細步驟,包括環境設置、提交必要檔案,以及如何使用 OpenAI API Key 進行配置。
Thumbnail
2024/08/07
了解如何使用 Cloudflare Workers AI 與 Whisper 建立免費開源的語音辨識功能。本文詳細說明註冊步驟、部署流程及程式碼修改,讓你輕鬆將語音轉換成文字。
Thumbnail
2024/08/07
了解如何使用 Cloudflare Workers AI 與 Whisper 建立免費開源的語音辨識功能。本文詳細說明註冊步驟、部署流程及程式碼修改,讓你輕鬆將語音轉換成文字。
Thumbnail
2024/06/05
學習如何使用 Tensorflow.js 的 COCO-SSD 模型在網頁上進行圖片物件辨識,包括基本使用方法、進階應用及實作範例,輕鬆辨識圖片中的人數和物件。
Thumbnail
2024/06/05
學習如何使用 Tensorflow.js 的 COCO-SSD 模型在網頁上進行圖片物件辨識,包括基本使用方法、進階應用及實作範例,輕鬆辨識圖片中的人數和物件。
Thumbnail
看更多
你可能也想看
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
首先問他: 我要你製作一個2002年代的風格的網站,主題給你自由發揮,把html,css,js代碼寫在同一個html檔即可 之後chatgpt八成會給出一個寫到一半不完整的代碼 不過沒關係 把那段代碼複製起來 然後再跟他說: 我要你製作一個2002年代的風格的網站,主題給你自由發揮,把html,cs
Thumbnail
首先問他: 我要你製作一個2002年代的風格的網站,主題給你自由發揮,把html,css,js代碼寫在同一個html檔即可 之後chatgpt八成會給出一個寫到一半不完整的代碼 不過沒關係 把那段代碼複製起來 然後再跟他說: 我要你製作一個2002年代的風格的網站,主題給你自由發揮,把html,cs
Thumbnail
探索如何在 VS Code 中養一隻療癒的小寵物。本文將指導你安裝和使用 vscode-pets 擴充功能,讓可愛的寵物陪伴你一同寫程式。你可以選擇不同類型和顏色的寵物,甚至改變它們的遊玩場景,為你的編程時光增添樂趣和舒適。
Thumbnail
探索如何在 VS Code 中養一隻療癒的小寵物。本文將指導你安裝和使用 vscode-pets 擴充功能,讓可愛的寵物陪伴你一同寫程式。你可以選擇不同類型和顏色的寵物,甚至改變它們的遊玩場景,為你的編程時光增添樂趣和舒適。
Thumbnail
正所謂「一樣米養百樣人」,貓也一樣,「一顆貓糧養百種貓」。­<支持以領養代替購買>
Thumbnail
正所謂「一樣米養百樣人」,貓也一樣,「一顆貓糧養百種貓」。­<支持以領養代替購買>
Thumbnail
Google Chrome瀏覽器是很常用的瀏覽網頁工具,今天要教你在瀏覽器每次開啟分頁的時候,都可以自動產生一隻螢幕小寵物,包含貓貓、狗狗、企鵝、烏龜、小雞、兔子等等。 讓你開啟Chrome的時候增加一些樂趣,小寵物是用瑪卡龍色系的插化風製成,呆萌可愛度很高!系統偶爾還會
Thumbnail
Google Chrome瀏覽器是很常用的瀏覽網頁工具,今天要教你在瀏覽器每次開啟分頁的時候,都可以自動產生一隻螢幕小寵物,包含貓貓、狗狗、企鵝、烏龜、小雞、兔子等等。 讓你開啟Chrome的時候增加一些樂趣,小寵物是用瑪卡龍色系的插化風製成,呆萌可愛度很高!系統偶爾還會
Thumbnail
我的相關專題介紹:Ai姐姐講故事 、 短文金句 家裡有喵星人的朋友,一定很希望你的毛小孩可以隨時陪著你,但是當你在辦公室的時候,毛小孩就無法在辦公室陪你了! 現在有一個Chrome的擴充插件,只要安裝並執行以後,就可以在你瀏覽器裡出現一隻喵星人,讓牠在你上網的時候,隨時都
Thumbnail
我的相關專題介紹:Ai姐姐講故事 、 短文金句 家裡有喵星人的朋友,一定很希望你的毛小孩可以隨時陪著你,但是當你在辦公室的時候,毛小孩就無法在辦公室陪你了! 現在有一個Chrome的擴充插件,只要安裝並執行以後,就可以在你瀏覽器裡出現一隻喵星人,讓牠在你上網的時候,隨時都
Thumbnail
自從家裡有隻貓,等於多了一個家人。從牠怯生生來到這個家裡,總是躲在角落,觀察這個新環境,還未滿一歲的傢伙,到現在自在躺,隨意遊走的安全感。 牠的存在,除了安慰生病期間的我,在任何時候都十分療癒。關於療癒這個詞,用在牠身上再適合不過了。 我家這隻貓是如非必要,絕不輕言喵喵叫。 無非這也是一種 觀察。
Thumbnail
自從家裡有隻貓,等於多了一個家人。從牠怯生生來到這個家裡,總是躲在角落,觀察這個新環境,還未滿一歲的傢伙,到現在自在躺,隨意遊走的安全感。 牠的存在,除了安慰生病期間的我,在任何時候都十分療癒。關於療癒這個詞,用在牠身上再適合不過了。 我家這隻貓是如非必要,絕不輕言喵喵叫。 無非這也是一種 觀察。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News