iT邦幫忙

第 11 屆 iT 邦幫忙鐵人賽

DAY 30
3
Software Development

這次我們不跳過 IDE系列 第 30

Day 30: Extension 補充以及完賽心得

今天是鐵人賽最後一天啦!!!
有兩件事要在最後一天一起完成。

Extension 補充

鐵人賽賽程進行到一半時,才注意到幾個不錯用的 Extension,礙於章節、內容的規劃與設計,始終找不到地方可以介紹。而今天,鐵人賽的最後一天,讓遺珠之憾不會存在!

docker

Docker_Logo
連結

前提是要安裝 Docker Desktop,沒安裝的請點這裡

安裝完成後,點擊位在活動列上的 Docker 圖示後,會看到四個區塊,分別支援四個指令:

  • Container -> docker ps
  • Images -> docker images
  • Registries -> 連結雲端 Docker 儲存庫,目前有:
    • Docker Hub
    • Azure
    • GitLab
  • Networks -> docker network ls
  • Volumes -> docker volume ls
    Docker_UI

將上述四個指令的內容,直接轉換成 UI 介面。如此一來,省去輸入指令的時間之外,還可以使用滑鼠的左右鍵進行操作,讓操作 Docker 不會侷限在終端機上。

Bookmarks

Bookmarks_Logo
連結

如果想要紀錄某個程式檔的某一行時,就該使用這個 Extension。
使用方式很簡單,在想要紀錄的那一行,按下右鍵,選擇 Bookmarks: Toggle 就可以標注了。取消的方式就是再點一次 Bookmarks: Toggle
Bookmarks_Toggle

標註成功後,程式碼的行數左邊會有圖示告知。
bookmarks_mark

接著點擊位在活動列上的 Bookmarks 圖示後,會告知目前有標注的檔案名稱,點擊可以看到標注的行數。
Bookmarks_ui

TODO Highlight

TODO_Highlight_Logo
連結

在開發的過程中,可以將思考的內容、虛擬碼,一一寫出來,方便自己在開發的時候,能夠提醒自己,進而增加開發效率。
將會上色在,註解的內文有:

  • TODO
  • FIXME

todo_highlight_1

Todo Tree

Todo_Tree_Logo
連結

將專案內 TODO 的文字,通通列出來,提醒自己是否該做的都有做到。
Todo_Tree_ui

Web Template Studio

Web_Template_Studio_Logo
連結

目前還在開發的 Extension,目標是提供前後端整合的 Project。

前端框架,Front-End Framework:

  • Angular
  • React
  • Vue

後端框架,Back-End Framework:

  • Express
  • Flask

有時間可以試著玩玩看。
缺點是安裝的時候蠻久的,需要耐心等候。
(耐心、耐心)

完賽心得

接著寫出自己在這三十天的感想吧!

沒有更普遍推廣 Code Runner

Code_Runner_Logo
連結

當筆者開始寫後端語言的時候,才發現這個 Extension 好用,可惜只有幾個後端語言的文章內有介紹到。

沒有深入每款語言的開發模式

基本上筆者的 Coding 經驗是 JavaScript = Node.js > HTML = CSS > Ruby > Java > Others,因此在撰寫不熟悉的語言時,覺得力不從心,想要寫的有深度,卻發現腦中沒想法,只好拼拼湊湊生出一篇。

往後希望能更瞭解的:

  • tasks.json
    • 無法寫出每個語言的自動化需求。
  • launch.json
    • 偵錯的設定,礙於自己經驗,無法寫出更深入的內容。
    • 官方提供更詳盡的偵錯教學,沒有時間閱讀完。

編寫上的內容還不夠齊全

開賽到一半才驚覺,自己忘記在每天的最後提供資料來源,完賽後找時間補上。

團隊合作是十分可貴的

這三十天真的感謝組員的互相支持、打氣。開賽沒過多久,就開始懷疑自己,怎麼選擇 VS Code 作為主題,我真的能夠寫出三十篇嗎??
這個疑問在每天晚上組員間小聊之下,就會被壓下來,因為其他人在努力啊,如果自己放棄了,那等同宣判團隊挑戰失敗。

怎麼能因為自己的懶惰而拖累他人呢?

有這念頭後,就有信心每天都可以交出一篇,對自己有所交代的同時,也是對他人負責。

正式入行當工程師滿一年左右,資歷如此淺的我,都可以完成鐵人賽了。
所以同是菜鳥的工程師們不用擔心,一旦開始,工程師的責任心將逼促自己完成挑戰!


上一篇
Day 29: 使用 VS Code 來開發 Go
系列文
這次我們不跳過 IDE30

2 則留言

0
阿展展展
iT邦好手 1 級 ‧ 2020-02-02 10:26:44

恭喜完賽!!!
各個語言都照顧到了
感謝大大的分享! /images/emoticon/emoticon32.gif

0
aiselinz
iT邦新手 5 級 ‧ 2020-07-22 10:23:44

辛苦了,謝謝您的文章,對一個剛跨入使用VScode接觸程式語言的新手來說非常有用!/images/emoticon/emoticon41.gif

我要留言

立即登入留言