iT邦幫忙

vscode相關文章
共有 214 則文章
鐵人賽 Modern Web DAY 10

技術 【D10】 小工具:溫度換算(part 1)

攝氏與華氏 常見的氣溫標記方式為攝氏溫標(degree Celsius)和華氏溫標(degree Fahrenheit),也就是常見的 °C 或 °F 兩種,這...

鐵人賽 DevOps DAY 10

技術 Day 10 — 遠端操控面板:vscode 實用延伸模組 (二)

沒看過鯨魚寫文章嗎? 連 vscode 都能支援可愛鯨魚了~ 圖片來源:Docker (@Docker) / Twitter 今天繼續上一篇的內容~...

鐵人賽 Modern Web DAY 8

技術 【D8】 建立更多資訊的 jsx

建立一個比較複雜的 .jsx,讓後面使用這個範本進行作業。這邊嘗試用 .jsx 進行副檔名,非原先的.js。 建立 .jsx 建立一個 ChangeStr.js...

鐵人賽 DevOps DAY 9

技術 Day 9 — 遠端操控面板:vscode 實用延伸模組 (一)

我想賴在沙發上遠端操控不行嗎? 圖片來源:Docker (@Docker) / Twitter 機器都裝 Ubuntu server,連個桌面都沒有,...

鐵人賽 Modern Web DAY 6

技術 【D6】 建立互動元件

這次要建立互動的功能,讓我們動作可以很快在 .js 檔案中運作,並且轉譯(render,之前叫做「渲染」,感覺「轉譯」比較合理,先以「轉譯」為主)到畫面。 目標...

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

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

鐵人賽 Modern Web DAY 6
angular專案開發指南 系列 第 6

技術 隨時隨地格式化 - Prettier

前言 開發專案前有些事情需要先確認, 使用相同的開發工具 例如要開發Java就使用 Eclipse,C#自然是用 Visual Studio,而當前最多前端...

鐵人賽 Modern Web DAY 4

技術 【D4】 第一個 React :瞭解架構與解析程式

簡單做個 React 的 Hello, world。 官方範例 從昨日的作業中,預設運作中可以看到預設畫面,這時我們去看資料夾可以知道他的結構。 資料夾與檔案解...

鐵人賽 自我挑戰組 DAY 6
Linux in my LIFE 系列 第 6

技術 我的Linux生活日記 06-我的開發環境設定(二)

昨天我講述了Java開發環境,今天介紹我自己在工作上常用到的開發工具吧。 安裝資料庫開發工具-DBeaver 在我負責的工作專案s會用到 MSSQL MySQL...

鐵人賽 Modern Web DAY 2

技術 【D2】 初探 React

React 的超級簡介 React 網路上有很多介紹與教學,這邊就不做太多介紹。 React.js 是免費的開放原始碼前端 JavaScript 工具庫,是由...

鐵人賽 影片教學 DAY 1

技術 Day01【從麻瓜變成前端魔法師】安裝 VS Code + Live Server

影片終於弄出來了~~~感動 ヽ(*´∀`)ノ゚體驗到當 YouTuber 真是不容易 從來沒錄製過 教學影片 ,之前有查好該怎麼錄影今天錄完還一面上網爬文要怎...

技術 VsCodeVim 自動在normal mode切回英文輸入法的方法

VsCodeVim 是 VSCode 讓你使用 Vim 模式的擴充套件,但是在VIM模式的 Normal mode 時,如果是在中文輸入法啟用的狀態,會導致無法...

鐵人賽 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基本語法

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

鐵人賽 Modern Web DAY 2

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

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

鐵人賽 影片教學 DAY 6

技術 Day06 使用 Markdown 語法前哨站

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

鐵人賽 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 - 格式化程式碼工具

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

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

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

鐵人賽 Modern Web DAY 20

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

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