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

閱讀時間約 3 分鐘

本篇要解決的問題

看到「寵物」就知道,本篇要解決的問題就是我們人類的空虛心靈(咦?)。
開玩笑的 XD,前陣子滑新聞時,有瞄到「code」、「pet」的字眼,當時沒點進去看,只是有個印象。
在過完夢幻的十天年假後,第一篇文章不想太有壓力,想來點輕鬆的,就在 VS Code 上搜尋了「Pet」,排名第一的就是今天要介紹的「VS Code Pets」。
安裝數破 30 萬的 vscode-pets
用了一下後覺得蠻有趣的,開工後就一直讓幾隻小貓在 VS Code 上跑來跑去,也想分享給大家,於是整理了這篇使用筆記文。

安裝 vscode-pets

常用 VS Code 進行開發的攻城獅們,就不用看這段了,因為安裝延伸模組很簡單,但為了這篇可以湊一些字數就還是寫一下(有沒有這麼直接?)。
在 VS Code 上,點擊左側選單中的「延伸模組」:
安裝 vscode-pets
接著搜尋框中輸入「pet」,看到的第一個最多人安裝的就是了,按下「安裝」後不用幾秒就會安裝成功。
安裝成功,會看到原本寫「安裝」二個字的按鈕,變成停用、解除安裝。
安裝成功

來放寵物吧

安裝完 vscode-pets,VS Code 左側選單點擊最上面的「檔案總管」,就會看到檔案清單的下方新增了一塊「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 的擴充設定
點擊了以後,就可以看到 vscode-pets 的設定:
vscode-pets 設定
Pet size 就是可以改變寵物大小的。
Theme 則是可以改變背景,目前有 none、forest、castle、beach 四種可選,選了以後就會看到愛寵們在不一樣的地方奔跑:
可以換場景
官方有提供說明文件,如果想了解更多可以點看 文件 來看。
最後,不得不說,看看攻城獅的內心有寂寞,就算知道是假狗假貓也覺得開心跟被安慰 😂。
avatar-img
9會員
19內容數
沙龍到底是…做什麼用的勒?
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
Let's Write 的沙龍 的其他內容
2023 年 3 月第 3 週:OpenAI GPT-4 降臨。微軟推出 Microsoft 365 Copilot,Office AI 助手。FBI 首長:中國可透過 TikTok 控制數據 影響對台論述。IG 業配行情及技巧。
這篇文章教你如何使用 DOM to Image 進行網頁截圖。內容包括如何安裝和使用 DOM to Image,注意事項,以及一個實用的 Demo 和原始碼。文章還探討了 Notion AI 生成的文章,並在最後提供了一個關於生成式 AI 影響的彩蛋。
這篇文章教你如何使用 heic2any.js 來轉換 HEIC 格式的圖片。內容包括 HEIC 格式的介紹、如何使用 heic2any.js、處理從 iPhone 上傳的 HEIC 格式圖片,以及處理 API 回應的 HEIC Base64 格式圖檔的方法。文章提供了實用的 Demo 和原始碼。
2023 年 3 月第 3 週:OpenAI GPT-4 降臨。微軟推出 Microsoft 365 Copilot,Office AI 助手。FBI 首長:中國可透過 TikTok 控制數據 影響對台論述。IG 業配行情及技巧。
這篇文章教你如何使用 DOM to Image 進行網頁截圖。內容包括如何安裝和使用 DOM to Image,注意事項,以及一個實用的 Demo 和原始碼。文章還探討了 Notion AI 生成的文章,並在最後提供了一個關於生成式 AI 影響的彩蛋。
這篇文章教你如何使用 heic2any.js 來轉換 HEIC 格式的圖片。內容包括 HEIC 格式的介紹、如何使用 heic2any.js、處理從 iPhone 上傳的 HEIC 格式圖片,以及處理 API 回應的 HEIC Base64 格式圖檔的方法。文章提供了實用的 Demo 和原始碼。
你可能也想看
Google News 追蹤
Thumbnail
  有件事困擾我很久了,要不要養貓?但若下定決心要的話,我就要先搬家了呢,好猶豫…剛好朋友請我來記錄一下牠跟愛貓的日常,我決定把握機會實際體驗看看再做決定!因為他家愛貓貴妃比較害羞,遇到陌生人會躲起來,好再看過我幾次,雖然不會輕易靠近但至少不會太警惕,看來我是最佳人選呢。 到他家後先拍攝
首先要安裝vscode : Visual Studio Code - Code Editing. Redefined 安裝後我們就可以把她打開來,接著去檔案 -> 喜好設定 -> 設定檔(預設) -> 你就會看到設定裡面的 settings.json,就可以開始你的設定拉(主要是依照個人的喜好設定
Thumbnail
寵物已經成為許多家庭的重要成員。現在,越來越多的寵物主人希望通過科技手段來提高寵物的生活質量。寵物照護App應運而生,旨在幫助主人更好地照顧他們的愛寵。本文將討論寵物主人對這類應用的需求,分享一款寵物照護App的開發經歷,並介紹其獨特功能。
Thumbnail
今天來了一個熱心的小夥伴,想跟家裡貓咪做溝通。 貓咪1號是一隻比較怕生的貓咪,小夥伴從外面收編了四個月,始終無法跟貓咪更親近。 我們溝通完,發現牠警戒心很高,比較想擁有自己獨立小房間。 小夥伴說有點難度,於是我們就提供他另外一個方法,請他把有自己味道的衣服放在籠子裡,讓貓咪習慣味道。 再
Thumbnail
CatHelper是我開發的前端 SideProject,是貓咪募資收養的一站式平台。 我用戶使用流程、資料庫、頁面來構思這個專案。
Thumbnail
VS code是什麼? Visual Studio Code(通常縮寫為VS Code)是微軟開發的一款免費且開源的跨平台文本編輯器。它支持廣泛的編程語言,提供了一系列先進功能和插件,讓開發者能更有效率地進行代碼編寫。VS Code擁有優秀的代碼自動完成、錯誤偵測、內建的版本控制系統等特性。
Thumbnail
在這個少子化的時代, 養貓貓狗狗的人更多了. 所以做系統櫃的時候也遇到一些貓狗的系統櫃需求, 貼心的家人們在做系統櫃收納的時候, 有時候會留下一些空間給愛貓, 這應該是人類對貓的習性與喜好的揣測. 像這個屋主就是愛貓的小姐姐, 有兩隻愛貓, 所以提出了以下的要求, 在這個玄關的收納
Thumbnail
這是一篇有關養貓的部落格文章,分享了作者養貓的心情和過程,以及貓咪對作者生活的影響。
Thumbnail
從高中起就一直想養貓,但竟然對貓毛過敏,無緣晉陞貓奴。如果我有一隻貓,我想養一隻藍貓,應該會是隻瘦瘦的公貓。聽說藍貓內向,在家又好動,很好,我很宅,可以一起宅一起動。電繪第一貓,就獻給我的理想主子吧!
Thumbnail
引言:親密無間的與貓咪相處 在繁忙的現代生活中,貓咪成為了我們最忠誠的伴侶之一。如何讓與你同住的貓咪更親人,成為了每位貓奴關心的課題。整理了一份「貓咪親人的10種方法」,助你與毛孩建立更加深厚的感情。
Thumbnail
  有件事困擾我很久了,要不要養貓?但若下定決心要的話,我就要先搬家了呢,好猶豫…剛好朋友請我來記錄一下牠跟愛貓的日常,我決定把握機會實際體驗看看再做決定!因為他家愛貓貴妃比較害羞,遇到陌生人會躲起來,好再看過我幾次,雖然不會輕易靠近但至少不會太警惕,看來我是最佳人選呢。 到他家後先拍攝
首先要安裝vscode : Visual Studio Code - Code Editing. Redefined 安裝後我們就可以把她打開來,接著去檔案 -> 喜好設定 -> 設定檔(預設) -> 你就會看到設定裡面的 settings.json,就可以開始你的設定拉(主要是依照個人的喜好設定
Thumbnail
寵物已經成為許多家庭的重要成員。現在,越來越多的寵物主人希望通過科技手段來提高寵物的生活質量。寵物照護App應運而生,旨在幫助主人更好地照顧他們的愛寵。本文將討論寵物主人對這類應用的需求,分享一款寵物照護App的開發經歷,並介紹其獨特功能。
Thumbnail
今天來了一個熱心的小夥伴,想跟家裡貓咪做溝通。 貓咪1號是一隻比較怕生的貓咪,小夥伴從外面收編了四個月,始終無法跟貓咪更親近。 我們溝通完,發現牠警戒心很高,比較想擁有自己獨立小房間。 小夥伴說有點難度,於是我們就提供他另外一個方法,請他把有自己味道的衣服放在籠子裡,讓貓咪習慣味道。 再
Thumbnail
CatHelper是我開發的前端 SideProject,是貓咪募資收養的一站式平台。 我用戶使用流程、資料庫、頁面來構思這個專案。
Thumbnail
VS code是什麼? Visual Studio Code(通常縮寫為VS Code)是微軟開發的一款免費且開源的跨平台文本編輯器。它支持廣泛的編程語言,提供了一系列先進功能和插件,讓開發者能更有效率地進行代碼編寫。VS Code擁有優秀的代碼自動完成、錯誤偵測、內建的版本控制系統等特性。
Thumbnail
在這個少子化的時代, 養貓貓狗狗的人更多了. 所以做系統櫃的時候也遇到一些貓狗的系統櫃需求, 貼心的家人們在做系統櫃收納的時候, 有時候會留下一些空間給愛貓, 這應該是人類對貓的習性與喜好的揣測. 像這個屋主就是愛貓的小姐姐, 有兩隻愛貓, 所以提出了以下的要求, 在這個玄關的收納
Thumbnail
這是一篇有關養貓的部落格文章,分享了作者養貓的心情和過程,以及貓咪對作者生活的影響。
Thumbnail
從高中起就一直想養貓,但竟然對貓毛過敏,無緣晉陞貓奴。如果我有一隻貓,我想養一隻藍貓,應該會是隻瘦瘦的公貓。聽說藍貓內向,在家又好動,很好,我很宅,可以一起宅一起動。電繪第一貓,就獻給我的理想主子吧!
Thumbnail
引言:親密無間的與貓咪相處 在繁忙的現代生活中,貓咪成為了我們最忠誠的伴侶之一。如何讓與你同住的貓咪更親人,成為了每位貓奴關心的課題。整理了一份「貓咪親人的10種方法」,助你與毛孩建立更加深厚的感情。