iT邦幫忙

vscode相關文章
共有 129 則文章
鐵人賽 Modern Web DAY 20

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

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

鐵人賽 Modern Web DAY 23

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

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

技術 [Angular]03-推薦編輯器

Angular推薦編輯器 VSCode 好用插件: Auto Import:自動引用 Autoprefixer:自動添加相關css CSS Formatt...

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

技術 DAY 1 前言

DAY 1 前言 Visual Studio Code (簡稱 VS Code) 是由微軟開發,同時支援 Windows、Linux、macOS 且開放原始碼的...

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

技術 鐵人賽Day2-寫一個 Navbar 導覽列吧!

現在網頁為了 RWD ,在 layout 的 navbar 跟 footer 都會固定,而網頁最上方都會有一個 navbar,裡面會有 logo 還有一些選項,...

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

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

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

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

技術 DAY 3 快速上手 (Part 2)

DAY 3 快速上手 (Part 2) 在昨天的文章中,你應該已經把 VS Code 安裝完成了,今天我就要來帶你認識 VS Code 打開後的畫面啦! VS...

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

技術 DAY 12 互動式遊樂場 (Part 6)

DAY 12 互動式遊樂場 (Part 6) 程式碼摺疊 Code Folding 在編輯一份大檔案時,你可以把區塊內的程式碼摺疊來增加程式碼的可讀性,把目前...

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

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

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

技術 鐵人賽Day7-來嵌入 map 與 寫一個 form 吧!

今天在這個網頁內嵌入一個 map 跟寫一個 form, 左邊放入地圖,右邊放入註冊資訊,會如下方所示 HTML會長這樣 <section3>...

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

技術 DAY 2 快速上手 (Part 1)

DAY 2 快速上手 (Part 1) 要寫一個軟體的教學文章,不免俗的總要來個安裝教學,但是我只想要提我覺的值得注意的部份,另外,由於我平常的使用環境是 Wi...

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

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

DAY 7 互動式遊樂場 (Part 1) 在 VS Code 的 Welcome 頁面中,有一個 Interactive Playground,可以幫助你認識...

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

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

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

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

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

DAY 8 互動式遊樂場 (Part 2) 多重游標編輯 Multi-cursor Editing 這個多重游標編輯主要是指區塊選擇、選擇所有相同的選取內容或...

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

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

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

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

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

精通 Visual Studio Code 系列 第 31

技術 Day 31 完賽心得

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

技術 VSCode安裝

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

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

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

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

技術 Week26 - 透過VSCode在Docker裡頭debugging Golang! [Server的終局之戰系列]

本文章同時發佈於: Medium iT 邦幫忙 大家好,繼上次Week25 - 用 Minecraft 來說明 Docker 為什麼這麼香 - D...

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

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

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

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

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

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

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

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

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

DAY 9 互動式遊樂場 (Part 3) 解決 Suggest 功能快捷鍵和中文輸入法衝突 由於 Windows 預設的 editor.action.trig...

鐵人賽 Microsoft Azure DAY 5
Pyhon X 金融分析 X Azure 系列 第 5

技術 【Day5】取得資訊-Python #2:抓股票資料

環境準備好,就可以抓Yahoo Finance上面的資料囉!為什麼不用Google呢?因為Google已經沒有提供API了,所以轉而向Yahoo要。 本篇會教如...

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

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

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

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

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

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

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

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

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

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

技術 鐵人賽Day15-向 KKBOX 致敬!寫個右邊欄位的 header!

左邊的欄位已經寫完了,這篇開始從右側欄位開始撰寫內容, 預計 header 會長這樣,左邊是一排選單,右邊有一個按鈕,給客戶做意見回饋用, 如下圖: 為了要讓...

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

技術 鐵人賽Day12-向 KKBOX 致敬,寫一個 aside 側邊欄位吧!

這次要寫一個播放器的清單,在編寫之前,我先把 navbar 優化了一下,如下圖呈現的樣式, 但我還是沒有研究出來 search 要怎麼對齊在 navbar 的...