iT邦幫忙

vscode相關文章
共有 94 則文章
鐵人賽 Software Development DAY 5
精通 Visual Studio Code 系列 第 5

技術 DAY 5 客製化主題

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

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

技術 鐵人賽 Day16-向 KKBOX 致敬!來一個滿版主視覺吧!!

今天要來寫一個滿版圖片,但不使用 img 的標籤,想呈現下方畫面 這次做法跟先前一個練習類似,但這次有一個地方有優化了一下,就是在這個地方增加下列屬性 .co...

鐵人賽 自我挑戰組 DAY 3

技術 使用Visual Studio Code建立專案

Hi我阿寧啦 今天是第三天 要來建立專案囉 還沒下載VS Code的人我勸你是做好快點去下載喔(派 VS Code真的很好用,有很多實用的擴充功能 適合多種開發...

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

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

DAY 4 快速上手 (Part 3) 在昨天的文章中,你應該已經對 VS Code 的介面有初步的認識了,今天我就要來教你可以對你的編輯器做什麼初步設定。 工...

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

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

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

鐵人賽 自我挑戰組 DAY 3

技術 Day3 工欲善其事,必先利其器:編輯器擴充套件設定+引入Vue.js

本文同步發表於斜槓女紙部落格:Day3 編輯器擴充套件設定+引入Vue.js 嗨~今天要來說說我習慣使用的開發環境,由於我的mac已經設定好了,捨不得打掉...

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

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

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

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

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

aside 終於進入最後一個部分,也就是播放器了,預計呈現樣式如下圖: 這次用了比較多技巧跟方式,慢慢的講解吧!! HTML 如下: <div clas...

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

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

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

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

技術 鐵人賽Day13-向 KKBOX 致敬,寫一個 aside 側邊欄位吧!加入 hover 效果!

進入 aside 中間部分的編寫,想要寫成下方畫面 程式碼滿簡單的,跟前面的程式碼差不多,但這次加入了畫面優化跟效果, 先來看一下 HTML 程式碼 &lt...

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

技術 DAY 1 前言

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

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

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

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

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

技術 鐵人賽Day10-向 KKBOX 致敬

小弟熱愛音樂,前一週自己發想一個音樂主題的頁面網站,記錄各樣的網頁撰寫方式, 接下來這一週要向 KKBOX 致敬,撰寫內容如下 navbar 導覽列 左邊 s...

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

技術 鐵人賽Day8-來寫一個 footer 吧!

終於來到第一個網頁的內容結尾,通常結尾會有一個表尾,我們俗稱 footer,用來做最後的資訊用,但我個人比較喜歡簡單的樣式,所以就來寫一簡單的 footer 吧...

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

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

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

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

技術 鐵人賽Day6-寫一個 用 ul li 產生的 product 產品表吧!

一個網頁的產生,除了跟消費者介紹產品與提供資訊外,最重要的就是要提供下單服務啦!! 這次要寫的樣式如下 這次要用 ul li 的清單方式來寫一個產品下單的列表...

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

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

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

鐵人賽 Software Development DAY 1

技術 楔子 - 01

謎之聲 只要是超人迷一定知道這句話 "為什麼世界需要超人?" 出現在一部電影"超人歸來"中. 我們先準備好開發環境:...

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

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

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

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

達標好文 技術 Visual Studio Code設定與插件

因為小弟最近買了新電腦,順便記錄一下各式各樣的插件,首先安裝以下幾個東西~ Node.js VS Code Git 接下來開始介紹套件拉~ i...

鐵人賽 自我挑戰組 DAY 13

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

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

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

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

鐵人賽 Modern Web DAY 4

達標好文 技術 [Angular 深入淺出三十天] Day 03 - 開發工具與環境建置

「原來如此!好像很厲害!!」聽完我的介紹後,Wayne 一副饒有興致的樣子。 「對呀!想不想學阿?!我教你!」看到 Wayne 這麼有興趣,當然就是要趁勢推他入...

鐵人賽 Modern Web DAY 5

技術 ESLint - 提升程式碼品質

現在大家對 code 的要求已經不是先求有再求好,而是先求好再求更好,因此能提升程式碼品質的工具就越來越受大家的重視。而 ESLint 相較於 JavaScri...

鐵人賽 Software Development DAY 4

技術 Day04-架設開發環境

安裝 Go 先到 Go 官網的下載頁面 下載適合自己的版本,目前最新的版本是 1.11.1(好多個 1 @@),支援的系統有 Windows、MacOS 跟 L...

鐵人賽 自我挑戰組 DAY 3

技術 [蛻變事實/D03] 設計師勇闖前端城-(必備工具1-1:VSCode 擴充品收集)

上一篇分享我用過的網頁編輯器歷史, 有提到目前我最熱愛使用的是「VSCode」 在之前安裝擴充時也收集了各派人馬的擴充好物文, 琳瑯滿目要多少有多少~~~有些後...

鐵人賽 Modern Web DAY 4

技術 VSCode - 好用插件 feat. 開發小技巧

VSCode 吸引人的原因除了本身內建的功能相當多,VSCode 能夠安裝的插件也是又多又好用又方便呀~ 使用插件可以更有品質或是更快速的進行開發,前一篇為大家...

鐵人賽 自我挑戰組 DAY 2

技術 [蛻變事實/D02] 設計師勇闖前端城-(必備工具1:編輯器)

在網頁設計開發的歲月裡,我共用了以下幾項編輯器(舊-新) Dreamweaver 資深者最懂 XD ,雖然沒有再用它,但它的影像地圖功能還是無人能敵, 還是好用...

鐵人賽 Modern Web DAY 3
.Net Core 網站開發 101 系列 第 3

技術 用 Visual Studio Code 來開發

Visual Studio Code 是現在許多人選擇的開發環境,比起 Visual Studio 輕量許多,可以透過安裝各種擴充功能來滿足不同開發人員、不同程...