iT邦幫忙

vscode相關文章
共有 79 則文章

技術 Javascript 進階 10-2 樣板字面值技巧:VSCode 搭配 Emmet 撰寫 HTML 結構

很多有開發經驗的人應該都很需要 Emmet 的幫忙,來快速生產想要且重複性高的 html 結構。 而在 VS Code 的開發編輯器中, Emmet 是內建的功...

技術 VSCode安裝

Windows安裝 VSCode下載 Linux安裝 sudo apt-get update sudo apt-get install snapd sudo...

技術 在 Visual Studio Code 建構 C# 開發環境 (2) - 撰寫與偵錯

建立 檔案目錄: mkdir HelloWorld dotnet --info code . 建立 專案: 輸入 dotnet new console:...

技術 在 Visual Studio Code 建構 C# 開發環境 (1) - 安裝與建置

建立 檔案目錄: mkdir dev-c# code . 下載 .NET Framework Developer Pack - CHT Language Pa...

技術 在 Visual Studio Code 建構 MinGW C/C++ 開發環境 (3) - 撰寫與偵錯

新增 HelloWorld.cpp: 新增 tasks.json: 新增 launch.json: 新增 c_cpp_properties.json...

技術 在 Visual Studio Code 建構 MinGW C/C++ 開發環境 (2) - 設定與測試

設定 環境變數: 測試 環境變數: 輸入 g++ --version 與 gdb --version 建立 檔案目錄: mkdir dev-c+...

精通 Visual Studio Code 系列 第 31

技術 Day 31 完賽心得

Day 31 完賽心得 今年鐵人賽成功完賽,完賽以後就是不免俗的要來講點這次參賽的心得啦! 筆者目前在台中市微程式資訊有限公司上班,由於公司提供了一個免費給資訊...

鐵人賽 Software Development DAY 30
精通 Visual Studio Code 系列 第 30

技術 DAY 30 整合式終端機 (Part 8)

DAY 30 整合式終端機 (Part 8) 常見問題 (Part 2) 為什麼整合式終端機在啟動的時候 nvm 總是會出現 prefix 選項的錯誤? nvm...

鐵人賽 Software Development DAY 29
精通 Visual Studio Code 系列 第 29

技術 DAY 29 整合式終端機 (Part 7)

DAY 29 整合式終端機 (Part 7) 常見問題 (Part 1) 我能夠在整合式終端機使用 Windows Subsystem for Linux 嗎?...

鐵人賽 Security

技術 開源鐵人賽撰文工具與後記

這場三十天的鐵人賽比預期中多寫了 3 篇共 33 篇 (分為 31 日貼完),最後這一篇用來記下參賽中撰寫文章所使用到的編輯器以及相關工具。當然無庸置疑的一樣...

鐵人賽 Software Development DAY 28
精通 Visual Studio Code 系列 第 28

技術 DAY 28 整合式終端機 (Part 6)

DAY 28 整合式終端機 (Part 6) 終端機顯示設定 你可以自訂整合式終端機的字型、行高…等的設定: terminal.integrated.fon...

鐵人賽 Software Development DAY 27
精通 Visual Studio Code 系列 第 27

技術 DAY 27 整合式終端機 (Part 5)

DAY 27 整合式終端機 (Part 5) 幫整合式終端機重新命名 你可以使用 workbench.action.terminal.rename 來幫目前使用...

鐵人賽 Software Development DAY 26
精通 Visual Studio Code 系列 第 26

技術 DAY 26 整合式終端機 (Part 4)

DAY 26 整合式終端機 (Part 4) 在終端機中執行目前選取的文字 如果你想要使用 runSelectedText 這個指令的話,你需要先選取文字,然後...

鐵人賽 Software Development DAY 25
精通 Visual Studio Code 系列 第 25

技術 DAY 25 整合式終端機 (Part 3)

DAY 25 整合式終端機 (Part 3) 終端機快捷鍵 「檢視:切換整合式終端機」指令預設綁定到快捷鍵 讓你可以快速切換顯示整合式終端機。 底下是在整合式...

鐵人賽 Software Development DAY 24
精通 Visual Studio Code 系列 第 24

技術 DAY 24 整合式終端機 (Part 2)

DAY 24 整合式終端機 (Part 2) 設定 在 Linux 和 macOS 系統上,終端機預設會使用環境變數 $SHELL 所指定的 shell,在 W...

鐵人賽 Software Development DAY 23
精通 Visual Studio Code 系列 第 23

技術 DAY 23 整合式終端機 (Part 1)

DAY 23 整合式終端機 (Part 1) 在 VS Code 中,你可以開啟一個很方便的整合式終端機,它的預設目錄就在你目前的專案資料夾,你不需要為了執行一...

鐵人賽 Software Development DAY 22
精通 Visual Studio Code 系列 第 22

技術 DAY 22 CSS 神器 - Emmet

DAY 22 CSS 神器 - Emmet Emmet 除了能用在 HTML 之外,在 CSS 也很好用,你只需要打幾個字首,然後一樣按下 Enter 它就能幫...

鐵人賽 Modern Web DAY 20

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day19 - 超好用工具分享之 VSCode 的 Angular Schematics 擴充套件介紹與應用

今天筆者要來分享一個超好用的 VSCode 擴充套件給大家: 這個擴充套件好用在哪裡呢? 減少因打錯字所浪費的時間。 不用再自己搜尋指令或參數,它會幫你全部...

鐵人賽 Software Development DAY 21
精通 Visual Studio Code 系列 第 21

技術 DAY 21 HTML 神器 - Emmet (Part 4)

DAY 21 HTML 神器 - Emmet (Part 4) 群組 你可以使用 () 來對一整個元素做操作,如 table>(tr>td*3)*3...

鐵人賽 Software Development DAY 20
精通 Visual Studio Code 系列 第 20

技術 DAY 20 HTML 神器 - Emmet (Part 3)

DAY 20 HTML 神器 - Emmet (Part 3) 加上 id、class 與屬性 Emmet 支援使用 css selector 來讓快速幫你打上...

鐵人賽 Modern Web DAY 23

技術 讓你的程式更美好 - Service 概念

此篇文章同步發於個人部落格 我自己的經驗呢!是把原生的PHP轉換成Laravel框架,那個時候最主要希望可以好維護,但是把權限啦~商業邏輯啦~全部都會寫在C...

鐵人賽 Software Development DAY 19
精通 Visual Studio Code 系列 第 19

技術 DAY 19 HTML 神器 - Emmet (Part 2)

DAY 19 HTML 神器 - Emmet (Part 2) 昨天我們已經學會了如何啟用 Emmet 及產生 HTML 的基礎程式碼,今天我們會接續著昨天的內...

鐵人賽 Software Development DAY 18
精通 Visual Studio Code 系列 第 18

技術 DAY 18 HTML 神器 - Emmet (Part 1)

DAY 18 HTML 神器 - Emmet (Part 1) 在我以前使用 Sublime Text 的時代,有在寫網頁的人必裝的擴充功能就是 Emmet 的...

鐵人賽 Software Development DAY 17
精通 Visual Studio Code 系列 第 17

技術 DAY 17 擴充功能簡介 (Part 2)

DAY 17 擴充功能簡介 (Part 2) 在前一天的文章中我已經教你如何管理擴充功能了,今天就是要來教你要怎麼找到擴充功能進行安裝。 排序依據 當你有想找的...

鐵人賽 Software Development DAY 16
精通 Visual Studio Code 系列 第 16

技術 DAY 16 擴充功能簡介 (Part 1)

DAY 16 擴充功能簡介 (Part 1) 接下來這幾天主要是來介紹 VS Code 一個必定要會的事情:擴充功能的安裝、解除安裝與管理。先來說說為什麼會有擴...

鐵人賽 自我挑戰組 DAY 27
網頁學習紀錄 系列 第 27

技術 鐵人賽 Day27 人員卡片介紹:加上互動色彩

人員卡片介紹除了可以做一點動態的互動外,顏色上的互動特效也是非常棒的特效效果! 這次想做的感覺如下圖: 這部分的 SCSS 如下: .card { w...

鐵人賽 Software Development DAY 15
精通 Visual Studio Code 系列 第 15

技術 DAY 15 互動式遊樂場 (Part 9)

DAY 15 互動式遊樂場 (Part 9) 感謝 Thanks! 相信當你看到這裡的時候,你已經接觸了不少 VS Code 中的一些編輯相關的功能,但是別止步...

鐵人賽 Software Development DAY 14
精通 Visual Studio Code 系列 第 14

技術 DAY 14 互動式遊樂場 (Part 8)

DAY 14 互動式遊樂場 (Part 8) Emmet Emmet 讓程式碼片段的功能更上層樓!你可以透過打出很像 CSS 的關鍵字,然後這個關鍵字會被動態...

鐵人賽 自我挑戰組 DAY 25
網頁學習紀錄 系列 第 25

技術 鐵人賽 Day25 人員卡片介紹-互動效果 transform

這次要把上次寫好的人員卡片來做個互動效果,讓使用網頁的人覺得不無聊, 畫面預計滑鼠經過後會有這樣的效果,如下圖。 SCSS 是這樣編寫的,程式碼如下 .car...

鐵人賽 Software Development DAY 13
精通 Visual Studio Code 系列 第 13

技術 DAY 13 互動式遊樂場 (Part 7)

DAY 13 互動式遊樂場 (Part 7) 錯誤及警告 Errors and Warnings 當你在編輯程式碼的時候,錯誤和警告都會用波浪底線來突顯出來,...