iT邦幫忙

vscode相關文章
共有 233 則文章
鐵人賽 Modern Web DAY 2
手把手web初學者 系列 第 2

技術 手把手從VScode上手

上一篇介紹到安裝VScode今天這一篇當然就是我們要開始使用它了~ 這邊先來介紹基本網頁三要素: •HTML•CSS •JavaScript 做網頁時可以想像你...

鐵人賽 影片教學 DAY 13

技術 Day13 HTML 清單

前言 今天是課程的第13天,昨天我們在文字上面動手腳,而今天我們來介紹清單在網頁的文章或在寫作的時候,難免會有第一點第二點的重點項目或是你的代辦清單我們都會使用...

鐵人賽 影片教學 DAY 12

技術 Day12 HTML 文字

前言 今天是課程的第12天終於我們可以在文字上面動點手腳了,從筆記語法我們學習了用符號來表達粗體以及斜體,那我們再進入到網頁的HTML語法,我們必須以語法的方式...

鐵人賽 影片教學 DAY 11

技術 Day11 HTML結構

前言 今天正式進旺網頁前端的第一巨頭HTML那我們在寫HTML也是要準備我們Vscode的插件先下載完我們從明天開始使用,那廢話不多說我們先來介紹~ 插件安裝...

鐵人賽 影片教學 DAY 9

技術 Day09 Markdown 繪圖

前言 昨天教導大家如何繪製表格了,在前一天也教大家如何編輯樣式,納今天的繪圖哩~今天的繪圖市郊島大家如何繪製coding的流程圖、甘特圖、序列圖和命令繪圖,今天...

鐵人賽 影片教學 DAY 7

技術 Day07 Markdown基本語法

前言 在前幾天我們介紹了編輯器、程式語言、網頁前後端的區別,以及他的語法介紹,昨天我們也在我們的編輯器裝入了一些有關這語法的相關插件。今天主要介紹一些有關文字的...

鐵人賽 影片教學 DAY 6

技術 Day06 使用 Markdown 語法前哨站

前言 在前幾天我們介紹了編輯器、程式語言、網頁前後端的區別,以及他的語法介紹,今天我們的主軸已裝上我們Markdown語法的插件作一些小準備,那我們開始吧! 首...

鐵人賽 Modern Web DAY 2

技術 Day2|前端開發環境の前置作業

VS Code 官網 | github | 擴充元件 Visual Studio Code(簡稱 VS Code)是一個使用 Monaco Editor 作...

鐵人賽 Modern Web DAY 3
【每天5分鐘】學前端 系列 第 3

技術 Day03【每天5分鐘】學前端 | Live Server & VS Code 快捷鍵

決定調整一下順序, Node.js 和 React 安裝會放在最後面再教學~ 今天要來介紹 VS Code 的基本功能要如何 新增檔案以及有哪些 快捷鍵 ,在使...

鐵人賽 Modern Web DAY 2
【每天5分鐘】學前端 系列 第 2

技術 Day02【每天5分鐘】學前端 | 環境介紹 VS Code安裝

糟了啦~ 晚餐喝了一杯茶,現在睡不著了啦 Σ( ° △ °|||)︴既然如此,那就來寫第 2 天的鐵人賽文章吧! 今天要來教怎麼安裝軟體 VS Code初學者是...

技術 學習Vim、VSCodeVim的歷程&寫書探索的一些經歷

學習Vim、VSCodeVim的歷程&寫書探索的一些經歷 [系列文目錄] 相信不少人最早接觸Vim,都是因為使用Git的時候出現Merge Conflict會...

技術 C# 小白需要看小抄 01 - 環境設定篇(使用VS Code on MacOS)

資料統整自StackOverFlow及這位大大感謝詳細圖文步驟讓小白無痛完成環境設定!想看文字版的可以參考以下: 安裝步驟 安裝VSCode 安裝C#套...

鐵人賽 Modern Web DAY 27

技術 26 - MarkdownLint - Lint Markdown 文件

Markdown 格式不需要編輯器添加任何的支援就可以撰寫,利用簡單的語法就可以定義各種樣式,是現今在寫技術文件時的主流文件格式。 但是自由的寫作方式卻十分容易...

鐵人賽 Modern Web DAY 26

技術 25 - Stylelint - Lint CSS 程式碼

樣式表雖然較 JavaScript 單純,但隨著規則定義越來越多,樣式表還是會因複雜的結構與繁雜的規則配置而使得可讀性降低,甚至造成錯誤。 讓 CSS 代碼更漂...

鐵人賽 Modern Web DAY 25

技術 24 - ESLint - Lint JavaScript 程式碼

使用程式語言實作功能時,一百個人寫就會有一百種不同的程式碼,雖然都可以正常運作,但有些寫法(例如全域變數)會使系統結構脆弱,容易造成錯誤。 為了避免這些錯誤,開...

鐵人賽 Modern Web DAY 24

技術 23 - Prettier - 格式化程式碼工具

制定程式碼格式規範對於可讀性來說是必須的,如果開發者寫程式時都有各自的格式規範,那整個專案的程式碼會十分混亂。 另一方面,為了取得開發者們對於格式的一致認同,我...

鐵人賽 Modern Web DAY 20

技術 19 - Remote - Containers - 在容器中開發

在正式開發前,開發者都需要安裝許多軟體,來建立開發的環境。但是安裝的方式會因開發所在的機器環境而有所不同,因此每次的配置都是一個麻煩,並且在配置時是不會有產出的...

技術 學習JavaScript第三天--使用vscode寫出js--console.log印出資訊

VScode: Step 1開啟index.html存擋 Step 2開啟all.js存擋 Step 3在index.html檔案裡的「head」加上all.j...

鐵人賽 Modern Web DAY 19

技術 18 - Rest Client - HTTP 請求工具

在寫網頁時,前端的工程師需要了解如何與後端或是其他的第三方服務溝通,在看了文件後,除了直接實作外,另一個方式就是使用 HTTP client 設定請求來叫用這些...

鐵人賽 Modern Web DAY 18

技術 17 - Visual Studio Code - 代碼編輯器與它的插件

一般功能豐富的 IDE ,都會針對它所支援的語言提供許多強大的輔助功能,例如 PyCharm ,但它們所需的容量與資源會較單純的編輯器大上許多,並且因為只支援特...

鐵人賽 Modern Web DAY 17

技術 16 - EditorConfig - 配置輸入方式

不同的編輯器預設的輸入方式都不盡相同,因此同個專案的同個檔案使用不同的編輯器修改,可能會因為輸入的格式不同,而使整體的格式不一致,造成閱讀與管理上的困難。 一般...

鐵人賽 DevOps DAY 15

技術 透過寫程式可以更熟悉AWS console上的完整操作

突破之路 此篇,採用比較嚴謹的方式,去建置AWS的服務,也是以同樣的架構,做對比,如下圖:今日會介紹需要自己設置route table,連接internet g...

鐵人賽 DevOps DAY 14

技術 只要有vscode和python就可以享受AWS上的服務

輕鬆快速道路 今日會使用CDK建立一樣的架構,如下圖:在CDK可能有很多種不同的建立方式,這邊會介紹兩種,講述程式的開發流程。建置AWS的服務時,能畫出清晰的架...

鐵人賽 DevOps DAY 13

技術 選擇寫程式的路,在AWS上先躲開可能會遇到的地雷區

拆彈教學 接下來的文章,會使用CDK去建置AWS上的服務,在使用CDK之前需要先安裝一些程式,才可以使用。 安裝程式 確定在CDK會使用到的程式語言,是否有安...

鐵人賽 DevOps DAY 10

技術 詠唱防禦魔法,抵禦外敵攻擊AWS上的服務

防禦魔法 今日會繼續介紹其他服務的撰寫方式,因為篇幅關係,之前講過的方式,就不會繼續在講述:EC2完之後,在加入圖上的Security group(SG),以及...

鐵人賽 DevOps DAY 8

技術 工欲善其事,必先利其器

開始IaC之前,必先做好前置作業 昨天介紹了一些AWS建置環境的方法,今天會先做CloudFormation的前置作業,這樣在後續撰寫CloudFormatio...

鐵人賽 Modern Web DAY 11

技術 DAY11-JavaScript(一)

前言: 前面我們介紹了很多html, css, php和mysql相關的內容了!今天我們要繼續來介紹JavaScript!這個JavaSript呢可以說是目前...

鐵人賽 Software Development DAY 5
PHP 語法通關 系列 第 5

技術 Day5 利用 Vscode 執行 PHP

真的是大坑,從我開始學程式起,就都是用Vscode這個IDE,也因此我蠻習慣用這個IDE,不想再換別的,不然一般學習PHP許多人的IDE都是phpstorm,所...

鐵人賽 Modern Web DAY 4

技術 改造你的VSCode,大幅提升你的Coding效率

工欲善其事,必先利其器,插件是Coding效率提升的利器 今天要來介紹的主角是Visual Studio Code(簡稱VSCode),它是一款微軟開發的原始碼...

鐵人賽 Modern Web DAY 10

達標好文 技術 [Day10] 學習筆記 - 使用 VS Code操作 Git & GitHub

事前準備 安裝好 VS Code。 擁有 GitHub帳號,並開好一個練習用的 repository。 參考資源: VS Code官方下載頁面 P...