iT邦幫忙

vscode相關文章
共有 143 則文章
鐵人賽 自我挑戰組 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 輕量許多,可以透過安裝各種擴充功能來滿足不同開發人員、不同程...

鐵人賽 Modern Web DAY 3

達標好文 技術 VSCode - 好用功能 feat.快捷鍵大全

VSCode 下載點: https://code.visualstudio.com/ VSCode是由微軟開發的文字編輯器,同時支援 Windows、Linux...

技術 [Docker] 新手使用 VS Code 快速建立 CentOS Container

前言 最近開始學習 Docker ,但是在指令操作上總是有點不是那麽熟悉,尤其是在攥寫 DockerFile 時,常常會忘東忘西,實在有點困擾,好在最近 Mic...

鐵人賽 Software Development DAY 2

技術 [Design Pattern] 準備開發環境

準備開發環境 我們將在Visual Studio Code進行程式碼編輯及執行。程式碼將放Github。 C# 使用.NET Core的Class librar...