iT邦幫忙

vscode相關文章
共有 214 則文章
鐵人賽 自我挑戰組 DAY 13

技術 與工程師的協作之路-編輯器工具大亂鬥

想跟工程師抬槓無阻的話~適度了解一些習性也是很重要的XD所以我就針對了身邊的工程師們做一個調查!工程師真的都很熱心,乖乖回答我的問題(就說工程師很可愛吧~整個感...

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

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

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

鐵人賽 Software Development DAY 27

技術 [Day27] VSCode Plugin - WakaTime

官網連結 VSCode Marketplace 推薦程度:⭐⭐⭐⭐⭐ 有在寫工作日誌或週誌,或是想了解自己到底花了多少開發時間的人,非常大力推薦使用...

鐵人賽 自我挑戰組 DAY 2
學習NodeJS的30天 系列 第 2

技術 Day2 Visual Studio Code 安裝與設定

IDE的抉擇 「工欲善其事,必先利其器」這句話從小聽到大,選擇適合的IDE可以提高開發的效率。 在學NodeJS之前, 曾經使用Sublime Text開發Ja...

鐵人賽 DevOps DAY 9

技術 Day 9 — 遠端操控面板:vscode 實用延伸模組 (一)

我想賴在沙發上遠端操控不行嗎? 圖片來源:Docker (@Docker) / Twitter 機器都裝 Ubuntu server,連個桌面都沒有,...

鐵人賽 Modern Web DAY 26

技術 25 - Stylelint - Lint CSS 程式碼

樣式表雖然較 JavaScript 單純,但隨著規則定義越來越多,樣式表還是會因複雜的結構與繁雜的規則配置而使得可讀性降低,甚至造成錯誤。 讓 CSS 代碼更漂...

鐵人賽 Software Development DAY 14

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

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

鐵人賽 Modern Web DAY 6
angular專案開發指南 系列 第 6

技術 隨時隨地格式化 - Prettier

前言 開發專案前有些事情需要先確認, 使用相同的開發工具 例如要開發Java就使用 Eclipse,C#自然是用 Visual Studio,而當前最多前端...

技術 [VScode][C++] 我的setting.json

{ "[cpp]": { "editor.formatOnType": true,...

鐵人賽 Software Development DAY 10

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

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

鐵人賽 Software Development DAY 11

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

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

鐵人賽 自我挑戰組 DAY 5

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

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

技術 從頭開始用 Laravel 來做CRUD -06- 環境架設 - 軟體 - VS Code

目前環境 Laravel:5.7 資料庫:MariaDB 說明 所謂的CRUD是指 新增(Create)、讀取(Read)、更新(Update)、刪除(...

鐵人賽 自我挑戰組 DAY 7

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

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

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

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

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

鐵人賽 Software Development DAY 21

技術 Day21 | 把選取的程式碼轉換為snippet物件吧!

大家好,我是韋恩,今天是鐵人賽的二十一天,讓我們來幫專案實現將選中的程式碼加入snippet的功能吧! Day21專案實作(一): 獲取選中的程式碼 在vsc...

鐵人賽 Software Development DAY 15

技術 Day15 | Webview API (一)

大家好,我是韋恩,今天是第十五天,我們將開始了解如何在VSCode使用Webview。 Webview元件概覽 在VSCode提供的元件裡面,Webview是...

鐵人賽 Modern Web DAY 20

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

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

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

技術 DAY 5 客製化主題

DAY 5 客製化主題 心情不好?改變顏色可以調節情緒!雖然說我很喜歡這個原本預設的黑黑的畫面,但是我今天還是會來教你怎麼修改「色彩佈景主題」和「檔案圖示主題」...

技術 Vscode 好用、好看、透明化插件

最近建了一個 github 專案,主要內容是分享 vscode 實用、好看的插件,包含: 一鍵安裝多個插件 透明化插件 主題 (好看炸的編輯環境)...

鐵人賽 Modern Web DAY 6

技術 Day 06-製作購物車系統環境之Visual Studio Code

首先先來個小解說。 Visual Studio Code: 簡稱VScode,由微軟開發,是一個多語言(包括:JavaScript、CSS、HTML等)且跨平台...

技術 [快速入門前端 1] 網頁和開發工具

基礎觀念 什麼是前端? 前端,故名思義就是指網頁架構的前端部分,也就是我們日常在瀏覽網頁時看到的部分。前端主要包含幾個主要功能:獲取從後端傳來的資料、將資料呈現...

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

技術 DAY 1 前言

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

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

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

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

技術 VsCodeVim 自動在normal mode切回英文輸入法的方法

VsCodeVim 是 VSCode 讓你使用 Vim 模式的擴充套件,但是在VIM模式的 Normal mode 時,如果是在中文輸入法啟用的狀態,會導致無法...

技術 JS筆記-VScode的Prettier(自動排版)怎麼開始使用?

目錄 JS筆記-幫元素加上style的寫法 JS筆記-getPosition 讓你找到元素x,y位置 js筆記--寫腳本需要用到的waitForKeyEleme...

鐵人賽 Modern Web DAY 1
入門前端技能之旅 系列 第 1

技術 Day.1 「工欲善其事,必先利其器!」—— 前言 與 介紹工具

Photo by Adi Goldstein on Unsplash 大家好 我是毛毛,因為這波疫情影響下,讓我多了許多時間可以好好投資自己,想把自己目前所學...

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

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

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

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

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

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

鐵人賽 Software Development DAY 18

技術 Day18 | WebView API (四)

大家好,我是韋恩,今天是第十八天,我們會繼續了解如何組織Webview,並進一步整合當前流行的SPA前端框架。 設計CustomWebPanel物件 在前面的...