技術 DAY 1 前言

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

戴均民 ‧ 2019-09-16

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

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

Tim Hsu ‧ 2019-09-15

技術 鐵人賽Day10-向 KKBOX 致敬

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

Tim Hsu ‧ 2019-09-13

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

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

Tim Hsu ‧ 2019-09-11

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

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

Tim Hsu ‧ 2019-09-10

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

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

Tim Hsu ‧ 2019-09-09

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

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

Tim Hsu ‧ 2019-09-05

技術 楔子 - 01

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

閃電妖精 ‧ 2019-09-02

技術 [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...

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

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

Wen Chien ‧ 2018-10-27

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

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

Leo ‧ 2018-10-19

技術 ESLint - 提升程式碼品質

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

六角學院 ‧ 2018-10-19

技術 Day04-架設開發環境

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

盧承億 Larry Lu ‧ 2018-10-19

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

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

技術 [蛻變事實／D03] 設計師勇闖前端城－（必備工具1-1：VSCode 擴充品收集）

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

凱特麻麻桑 ‧ 2018-10-18

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

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

六角學院 ‧ 2018-10-18

技術 [蛻變事實／D02] 設計師勇闖前端城－（必備工具1：編輯器）

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

凱特麻麻桑 ‧ 2018-10-17

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

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

六角學院 ‧ 2018-10-17

技術 用 Visual Studio Code 來開發

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

Rex Chien ‧ 2018-10-17

技術 餐具擺盤 - 萬用白瓷 VS Code 與套裝工具組

Alex ‧ 2018-10-17 ‧團隊浪流連九程式匠自然產生的佛系碼農專區

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

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

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

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

JB ‧ 2017-12-21 ‧團隊Last Call

技術 解決 VS Code 複製貼上自動排版導致程式碼破版或畫面跳動

一直以來在 VS Code 複製貼上自動排版，反倒常常將我已經排版好的 code 弄亂，或是有時我連同斷行一起複製，卻自動幫我把斷行取消，如影片，深受困擾。還...