iT邦幫忙

vscode相關文章
共有 129 則文章
鐵人賽 自我挑戰組 DAY 6
30天學會Python 系列 第 6

技術 Python環境設定 Part3 - VS Code簡介

VS Code 說到安裝環境除了提到Anaconda之外,怎麼能不提到好用的Python的編輯器呢? 雖然就算沒有好用的編輯器也可以寫程式,不過一個好用的程式碼...

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

技術 鐵人賽 Day19 向 KKBOX致敬-用 ul li 寫一個左右欄的圖文列表

ul li 列表寫法用途真的很廣泛,能呈現的方式也非常多。 想要呈現的方式如下: HTML 程式碼如下 <div class="pref...

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

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

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

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

技術 鐵人賽 Day18-向 KKBOX 致敬!用 ul li 寫一個新聞欄位!

這次要寫一個新聞欄位,是用 ul li 做成的圖文並茂,標題為連結,可以點擊的樣式 畫面如下呈現: 其實寫道今天有發現到 ul li 相當常被使用到,只是內容...

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

技術 DAY 6 喜好設定

DAY 6 喜好設定 今天我打算來介紹一下我自己喜歡的喜好設定,基本上喜好設定這種東西因人而異,我今天介紹的東西,如果你覺得喜歡就可以直接設定到你的 VS Co...

鐵人賽 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...