iT邦幫忙

vscode相關文章
共有 224 則文章
鐵人賽 Software Development DAY 14

技術 Day14 | OutputChannel,輸出Extension的訊息

大家好,我是韋恩,今天是第十四天,今天我們會練習使用Output Channel輸出訊息給使用者,並利用OutputChannel練習熟悉物件導向的設計,讓我們...

鐵人賽 Software Development DAY 28

技術 附錄3. Debug 溺死的都是會游泳的,造成Bug的都是會寫程式的

寫在前面 有時候程式並沒有得到你的預期效果,直接崩潰或是給出了錯誤的資料 這時候我們就需要Debug 以往我們在看程式執行到底哪一段出錯時都會需要在各種地方印東...

鐵人賽 Software Development DAY 13

技術 Day13 | 打造VSCode上的TreeView樹狀選單 (二) - DataProvider的原理與相關觀念 X List的增刪改查

大家好,我是韋恩,今天是第十二天,今天我們會介紹DataProvider的原理與相關觀念,並實際練習新增、修改與刪除TreeDataProvider的樹狀選單上...

鐵人賽 Software Development DAY 12

技術 Day12 | 打造VSCode上的TreeView樹狀選單 (一) - 元件基本用法介紹

大家好,我是韋恩,今天是第十二天,讓我們來學習如何提供客製化樹狀選單的選項,讓使用者可以瀏覽大綱資訊,並點擊選單執行我們的命令服務。 今天一樣會有範例讓我們練習...

鐵人賽 Software Development DAY 11

技術 Day11 | 那些跟extension開發脫不了關係的window命名空間api

大家好,我是韋恩,今天讓我們來看一下vscode在window的namespace底下的api。目的是把握這些api設計的組織與全貌,幫助我們理解與統合之前與接...

鐵人賽 Software Development DAY 10

技術 Day10 | 你問我答,Extension與使用者的互動流程

大家好,我是韋恩,今天我們來演練一下如何在vscode裡面跟使用者做對答互動,使用GUI互動的方式滿足實務上的需求與功能。 使用者流程與情境說明 想像一下,我...

鐵人賽 Software Development DAY 9

技術 Day09 | Data Storage以及教學中沒有特別提及的小細節

哈囉,大家好,我是韋恩,今天我們來了解一下在vscode裡的data storage,今天介紹的內容也都非常實務。 VSCode的Data Storage簡介...

鐵人賽 Modern Web DAY 8

技術 DAY8- 工欲善其事,必先利其器。弄個舒服的VS Code

前端工程師可以使用的編輯器有很多選擇,像是sublime、Atom、webstorm等等好用的編輯器。 編輯器是工作中最重要的軟體,一天工作當中,使用最長的時間...

鐵人賽 Software Development DAY 8

技術 Day08 | 提供使用者Extension的設定選項吧

大家好,我是韋恩,今天是鐵人賽的第八天。 今天,我們來客製化提供給套件使用者的extension個人設定,這個功能在實務上非常有幫助。準備好了嗎? Worksp...

鐵人賽 Software Development DAY 7

技術 Day07 | 那些你可以自訂選項的Context Menu

大家好,我是韋恩,今天是第七天,讓我們來學習如何提供客製化選單的選項,讓使用者可以點擊執行我們的命令服務。 這幾天大家會有範例開始不斷的練習這些api,觀念已經...

鐵人賽 自我挑戰組 DAY 8

技術 【I Love Vue 】 Day 08愛上 Vue- 這是我的Style

有在寫Html的小夥伴可能會想問這個按鈕 <button></button> 這麼醜,我能不能去自訂一個我想要的樣式?答案當然是~~~可...

鐵人賽 Software Development DAY 6

技術 Day06 | 用Command API來操控使用者的VSCode吧

哈囉大家好,我是韋恩,今天是第六天,讓我們來練習Command API吧! 今天我幫大家會有一個練習小試身手,動手玩玩吧! 環境準備 讓我們先準備開發環境,請...

鐵人賽 自我挑戰組 DAY 7

技術 【I Love Vue 】 Day 07愛上 Vue- Template與 Hot Reloading

鑒於昨天一次拋出很大量的訊息量,今天我們的進度就緩一緩。 我們.vue 的檔案裏面分三的大區塊 template、script、style今天就來介紹 Temp...

鐵人賽 Software Development DAY 5

技術 Day05 | 在Extension專案裡執行第一個Command命令吧

大家好,我是韋恩,今天是鐵人賽的第五天,今天,我們將開始第一個extension專案,並練習使用VSCode的Command命令。 開發環境配置 在開始前,請...

鐵人賽 Software Development DAY 4

技術 Day04 | Command命令,一切VSCode操作行為的根源

今天是鐵人賽的第四天,今天是我們最後一天專門學習跟VSCode有關的基礎觀念。或許有讀者想快速進入實戰,但請相信筆者,今天了解的觀念,絕對會對我們開發exten...

鐵人賽 自我挑戰組 DAY 5

技術 【I Love Vue 】 Day 05 愛上 Vue- 環境建置(四) - 聰明的VSCode

截至上篇為止,我們已經具備了開發Vue的能力了。而本篇會介紹,開發時會遇到的一些問題,和如何讓我們有更好的開發環境。 魔法師的能力決定了法術的強度;法杖的能力...

鐵人賽 AI & Data DAY 2

技術 【Day2】開發環境大補帖 - Node.js、NVM、git、yarn、VSCode

工欲善其事,必先利其器 為什麼寫這篇文章? 因為我自己在剛接觸程式時最痛恨的就是環境設定 不知道是我跟電腦不合還是怎樣,每次我學新東西的時候總是在環境設定...

鐵人賽 Software Development DAY 3

技術 Day03 | VSCode使用者與工作區設定

大家好,今天是鐵人賽第三天,我們來介紹VSCode的使用者設定與工作區概念,這是未來幫助我們extension開發的基本觀念。 VSCode Settings概...

鐵人賽 Software Development DAY 2

技術 Day02 | VSCode使用者介面概覽

今天是Day2,我會概括介紹VSCode的介面與相關說明,這是VSCode Extension開發的基礎。 VSCode介面基本佈局 VSCode的設計理念是希...

鐵人賽 Software Development DAY 1

達標好文 技術 Day01 | 前言

底下介紹的是2020鐵人賽期內一開始的規劃和賽期內完成的文章。使用者操作和Vim相關的系列文請詳見:[VSCode Extension]VSCodeVim:系...

鐵人賽 Modern Web DAY 2

技術 VS Code & Terminal for Mac 初步上手——全端產品工具箱 I

只是個幫助忙碌的專業人士和父母找回時間、平衡生活的斜槓老爸。 我探索人生的大小賽局,分享優化人生的實用觀點(關於人類、科技和未來)。 在我的個人網站上獲取最新的...

鐵人賽 Modern Web DAY 2

技術 二日目:在VScode 撰寫JavaScript。插件。Chrome檢查工具。

大家安 我是SONYKO  ٩(ˊωˋ*)و✧今天進入第二天~   相信大家都知道撰寫程式必須用「文字編輯器」來撰寫,今天就簡單的來介紹一下目前很多開發者在使用...

鐵人賽 Modern Web DAY 1

技術 Day1: 自己使用 VScode 網頁編輯器の插件

外觀 ⧕ indent-rainbow增加視覺舒適度,顏色區分上更加美觀 ⧕ One Dark Pro美化編輯器外觀 ⧕ vscode-iconsic...

鐵人賽 Microsoft Azure DAY 5

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

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

鐵人賽 自我挑戰組 DAY 5

技術 Day05 - Mac、Chrome、iTerm2、Visual Studio Code 上常用的快捷鍵

前言 紀錄個人常用的 Mac 、 Chrome 、 iTerm2 、 Visual Studio Code (以下簡稱 VS code) 的快捷鍵,若有覺得不錯...

鐵人賽 Microsoft Azure DAY 5
Azure 的自我修煉 系列 第 5

技術 Day05 MVC 專案建置

創建MVC專案 創建MVC測試專案 dotnet new mvc -o firstApp 預設的MVC專案會有以下幾的檔案與目錄 檔案or目錄 說明...

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

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

技術 前端入門-VS code安裝與前端套件介紹

小弟在前端打滾多年最近發現有越來越多人想學習前端 首先我們需要先安裝一個寫code的環境 1. 安裝vs code 市面上的IDE(整合開發環境)百百種包括a...

技術 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 s...