iT邦幫忙

vscode相關文章
共有 129 則文章
鐵人賽 自我挑戰組 DAY 22
網頁學習紀錄 系列 第 22

技術 鐵人賽 Day22 人員卡片介紹頁面-Amos 老師的教學筆記

鐵人賽寫到今天,發現到網頁的知識什麼我很熟? 什麼我很常用? 什麼東西寫過就忘了? 網頁程式資料真的很多, 打開 W3School 已經超多可以看, 還有 jQ...

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

技術 DAY 18 HTML 神器 - Emmet (Part 1)

DAY 18 HTML 神器 - Emmet (Part 1) 在我以前使用 Sublime Text 的時代,有在寫網頁的人必裝的擴充功能就是 Emmet 的...

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

技術 DAY 11 互動式遊樂場 (Part 5)

DAY 11 互動式遊樂場 (Part 5) 程式改名重構 Rename Refactoring 如果你想要統一修改一個函式或變數的名字,你可以先把游標移動到...

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

技術 鐵人賽 Day24 人員卡片介紹-三角形裝飾

用 CSS 寫出方形不太困難,但寫出三角形真的是滿酷的一件事情, 不用圖片本身去製作,而是直接用 CSS 來製作三角形的遮罩感, 想要呈現的如下圖: 這次算是...

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

技術 Day05 MVC 專案建置

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

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

技術 鐵人賽 Day23 人員卡片介紹-基本架構

每次看 Amos 老師寫程式根本就是飛快,非常羨慕有這樣的能力, 也不斷透過影片跟著老師的思維再走,看他怎麼編寫網頁的, 首先先把 HTML 的架構編寫好,確認...

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

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

DAY 15 互動式遊樂場 (Part 9) 感謝 Thanks! 相信當你看到這裡的時候,你已經接觸了不少 VS Code 中的一些編輯相關的功能,但是別止步...

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

技術 DAY 26 整合式終端機 (Part 4)

DAY 26 整合式終端機 (Part 4) 在終端機中執行目前選取的文字 如果你想要使用 runSelectedText 這個指令的話,你需要先選取文字,然後...

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

技術 鐵人賽Day10-向 KKBOX 致敬

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

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

技術 DAY 10 互動式遊樂場 (Part 4)

DAY 10 互動式遊樂場 (Part 4) 單行動作 Line Action 因為在寫程式的時候,我們真的會很常對某一行內的所有文字一些動作,所以 VS C...

技術 Day32 | 在WebView裡使用Router的問題與解法!

大家好,今天是第三十二天,也是賽程結束後的第二天。 昨天介紹了我們會在Webview裡使用的套件,今天會介紹一下在webview裡使用router時實際遇到的問...

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

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

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

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

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

DAY 13 互動式遊樂場 (Part 7) 錯誤及警告 Errors and Warnings 當你在編輯程式碼的時候,錯誤和警告都會用波浪底線來突顯出來,...

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

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

DAY 14 互動式遊樂場 (Part 8) Emmet Emmet 讓程式碼片段的功能更上層樓!你可以透過打出很像 CSS 的關鍵字,然後這個關鍵字會被動態...

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

技術 DAY 19 HTML 神器 - Emmet (Part 2)

DAY 19 HTML 神器 - Emmet (Part 2) 昨天我們已經學會了如何啟用 Emmet 及產生 HTML 的基礎程式碼,今天我們會接續著昨天的內...

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

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

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

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

技術 DAY 17 擴充功能簡介 (Part 2)

DAY 17 擴充功能簡介 (Part 2) 在前一天的文章中我已經教你如何管理擴充功能了,今天就是要來教你要怎麼找到擴充功能進行安裝。 排序依據 當你有想找的...

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

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

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

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

技術 DAY 20 HTML 神器 - Emmet (Part 3)

DAY 20 HTML 神器 - Emmet (Part 3) 加上 id、class 與屬性 Emmet 支援使用 css selector 來讓快速幫你打上...

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

技術 DAY 21 HTML 神器 - Emmet (Part 4)

DAY 21 HTML 神器 - Emmet (Part 4) 群組 你可以使用 () 來對一整個元素做操作,如 table>(tr>td*3)*3...

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

技術 鐵人賽 Day25 人員卡片介紹-互動效果 transform

這次要把上次寫好的人員卡片來做個互動效果,讓使用網頁的人覺得不無聊, 畫面預計滑鼠經過後會有這樣的效果,如下圖。 SCSS 是這樣編寫的,程式碼如下 .car...

鐵人賽 AI & Data DAY 2

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

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

鐵人賽 Software Development DAY 30

技術 Day30 | 30天系列回顧 X賽程後規劃

好啦,今天是第三十天了,今天會分享下賽程心得,並回顧一下前面系列文,最後是三十天後的規劃! 參賽動機&回顧 這次參加鐵人賽,主要有幾個目標: 透過鐵人賽的...

鐵人賽 自我挑戰組 DAY 5

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

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

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

技術 DAY 22 CSS 神器 - Emmet

DAY 22 CSS 神器 - Emmet Emmet 除了能用在 HTML 之外,在 CSS 也很好用,你只需要打幾個字首,然後一樣按下 Enter 它就能幫...

鐵人賽 Modern Web DAY 2

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

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

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

技術 鐵人賽 Day21 向 KKBOX致敬-在 footer 中使用 position 固定在底部

終於又來到了這個網頁的尾聲,用 footer 來結尾,想要呈現的樣式如下: footer 的內容不用太多,但目標要明確,比如在 header 沒有呈現的補充資...

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

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

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

鐵人賽 Modern Web DAY 2

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

from Visual Studio Code 由於現階段對於 VS Code 及 Terminal 的操作複雜度不高,從安裝到實作上也較少遇到難以解決的...

鐵人賽 Software Development DAY 1

技術 Day01 | 前言

大家好,歡迎來到30天玩轉VS Code Extension之旅,我是韋恩,這三十天裡將由我來為大家介紹: 「 如何在VSCode裡,使用VSCode,開發VS...