大家安 我是SONYKO ٩(ˊωˋ*)و✧今天進入第二天~ 相信大家都知道撰寫程式必須用「文字編輯器」來撰寫,今天就簡單的來介紹一下目前很多開發者在使用...
外觀 ⧕ indent-rainbow增加視覺舒適度,顏色區分上更加美觀 ⧕ One Dark Pro美化編輯器外觀 ⧕ vscode-iconsic...
環境準備好,就可以抓Yahoo Finance上面的資料囉!為什麼不用Google呢?因為Google已經沒有提供API了,所以轉而向Yahoo要。本篇會教如何...
前言 紀錄個人常用的 Mac 、 Chrome 、 iTerm2 、 Visual Studio Code (以下簡稱 VS code) 的快捷鍵,若有覺得不錯...
創建MVC專案 創建MVC測試專案 dotnet new mvc -o firstApp 預設的MVC專案會有以下幾的檔案與目錄 檔案or目錄 說明...
本文章同時發佈於: Medium iT 邦幫忙 大家好,繼上次Week25 - 用 Minecraft 來說明 Docker 為什麼這麼香 - D...
小弟在前端打滾多年最近發現有越來越多人想學習前端 首先我們需要先安裝一個寫code的環境 1. 安裝vs code 市面上的IDE(整合開發環境)百百種包括a...
很多有開發經驗的人應該都很需要 Emmet 的幫忙,來快速生產想要且重複性高的 html 結構。 而在 VS Code 的開發編輯器中, Emmet 是內建的功...
Windows安裝 VSCode下載 Linux安裝 sudo apt-get update sudo apt-get install snapd sudo s...
Day 31 完賽心得 今年鐵人賽成功完賽,完賽以後就是不免俗的要來講點這次參賽的心得啦! 筆者目前在台中市微程式資訊有限公司上班,由於公司提供了一個免費給資訊...
DAY 30 整合式終端機 (Part 8) 常見問題 (Part 2) 為什麼整合式終端機在啟動的時候 nvm 總是會出現 prefix 選項的錯誤? nvm...
DAY 29 整合式終端機 (Part 7) 常見問題 (Part 1) 我能夠在整合式終端機使用 Windows Subsystem for Linux 嗎?...
DAY 28 整合式終端機 (Part 6) 終端機顯示設定 你可以自訂整合式終端機的字型、行高…等的設定: terminal.integrated.fon...
這場三十天的鐵人賽比預期中多寫了 3 篇共 33 篇 (分為 31 日貼完),最後這一篇用來記下參賽中撰寫文章所使用到的編輯器以及相關工具。當然無庸置疑的一樣...
DAY 27 整合式終端機 (Part 5) 幫整合式終端機重新命名 你可以使用 workbench.action.terminal.rename 來幫目前使用...
DAY 26 整合式終端機 (Part 4) 在終端機中執行目前選取的文字 如果你想要使用 runSelectedText 這個指令的話,你需要先選取文字,然後...
DAY 25 整合式終端機 (Part 3) 終端機快捷鍵 「檢視:切換整合式終端機」指令預設綁定到快捷鍵 讓你可以快速切換顯示整合式終端機。 底下是在整合式...
DAY 24 整合式終端機 (Part 2) 設定 在 Linux 和 macOS 系統上,終端機預設會使用環境變數 $SHELL 所指定的 shell,在 W...
DAY 23 整合式終端機 (Part 1) 在 VS Code 中,你可以開啟一個很方便的整合式終端機,它的預設目錄就在你目前的專案資料夾,你不需要為了執行一...
DAY 22 CSS 神器 - Emmet Emmet 除了能用在 HTML 之外,在 CSS 也很好用,你只需要打幾個字首,然後一樣按下 Enter 它就能幫...
DAY 21 HTML 神器 - Emmet (Part 4) 群組 你可以使用 () 來對一整個元素做操作,如 table>(tr>td*3)*3...
DAY 20 HTML 神器 - Emmet (Part 3) 加上 id、class 與屬性 Emmet 支援使用 css selector 來讓快速幫你打上...
本系列文章已集結成冊與鐵人賽文章差異內容,有以下幾點: 更新至Laravel 8、基礎的PHP重點筆記、加強製作API流程細節、加入程式設計模式,優化、重構...
DAY 19 HTML 神器 - Emmet (Part 2) 昨天我們已經學會了如何啟用 Emmet 及產生 HTML 的基礎程式碼,今天我們會接續著昨天的內...
DAY 18 HTML 神器 - Emmet (Part 1) 在我以前使用 Sublime Text 的時代,有在寫網頁的人必裝的擴充功能就是 Emmet 的...
DAY 17 擴充功能簡介 (Part 2) 在前一天的文章中我已經教你如何管理擴充功能了,今天就是要來教你要怎麼找到擴充功能進行安裝。 排序依據 當你有想找的...
DAY 16 擴充功能簡介 (Part 1) 接下來這幾天主要是來介紹 VS Code 一個必定要會的事情:擴充功能的安裝、解除安裝與管理。先來說說為什麼會有擴...
人員卡片介紹除了可以做一點動態的互動外,顏色上的互動特效也是非常棒的特效效果!這次想做的感覺如下圖: 這部分的 SCSS 如下: .card { wid...
DAY 15 互動式遊樂場 (Part 9) 感謝 Thanks! 相信當你看到這裡的時候,你已經接觸了不少 VS Code 中的一些編輯相關的功能,但是別止步...
DAY 14 互動式遊樂場 (Part 8) Emmet Emmet 讓程式碼片段的功能更上層樓!你可以透過打出很像 CSS 的關鍵字,然後這個關鍵字會被動態...