iT邦幫忙

vscode相關文章
共有 163 則文章
鐵人賽 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」加上al...

鐵人賽 Modern Web DAY 20

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

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

鐵人賽 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...

鐵人賽 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),...

鐵人賽 Modern Web DAY 11

技術 DAY11-JavaScript(一)

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

鐵人賽 DevOps DAY 8

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

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

鐵人賽 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...

鐵人賽 自我挑戰組 DAY 2
學習NodeJS的30天 系列 第 2

技術 Day2 Visual Studio Code 安裝與設定

IDE的抉擇 「工欲善其事,必先利其器」這句話從小聽到大,選擇適合的IDE可以提高開發的效率。 在學NodeJS之前, 曾經使用Sublime Text開發Ja...

鐵人賽 Modern Web DAY 3

技術 D-29-vscode ? extensions ? terminal

在安裝完vscode後小光會發生甚麼事呢 經過昨天的震撼教育後,小光回家有先練習了一下dotnet sdk的安裝以及vscode的安裝,但是打開vscode之後...

鐵人賽 AI & Data DAY 1

技術 [Day 01] 你要的全能IDE,Visual Studio Code,它來了!

前言 大家好,我是剛從碩士班畢業不到一年的社會新鮮人,目前擔任小小的AI工程師。 興趣是資料分析和深度學習,尤其是在電腦視覺的領域。 在這篇系列文中,我將帶著大...

鐵人賽 Modern Web DAY 2

技術 [Day 02] 建立開發環境,做好行前準備

老套說:「工欲善其事,必先利其器」— 要寫網頁,就不能沒有好用的開發環境。在開始認識各種前端技能之前,最重要的就是要先知道該在哪裡運行 Code ,就讓我們來看...

鐵人賽 Modern Web DAY 2

技術 D-30-安裝 vscode ? dotnet sdk

離實習結束還有30天 實習生小光第一天到新公司實習,什麼都不懂的他到底會遇到什麼事情呢,讓大家想想第一天上班會做些什麼工作呢,接下來也請大家一起看下去第一天的生...

鐵人賽 AI & Data DAY 10
觀賞魚辨識的YOLO全餐 系列 第 10

技術 介紹影像辨識的處理流程 - Day 10

介紹影像辨識的處理流程 - Day 10 所有影像辨識的問題都會面臨以下幾個問題:圖片中有幾個要辨識的物件 (影像切割,Image Segmentation),...

鐵人賽 Modern Web DAY 1
入門前端技能之旅 系列 第 1

技術 Day.1 「工欲善其事,必先利其器!」—— 前言 與 介紹工具

Photo by Adi Goldstein on Unsplash 大家好 我是毛毛,因為這波疫情影響下,讓我多了許多時間可以好好投資自己,想把自己目前所學...

鐵人賽 Modern Web DAY 6

技術 Day 06-製作購物車系統環境之Visual Studio Code

首先先來個小解說。 Visual Studio Code: 簡稱VScode,由微軟開發,是一個多語言(包括:JavaScript、CSS、HTML等)且跨平台...

鐵人賽 Modern Web DAY 2

技術 【Day2】VsCode相關套件安裝及建立React專案和React的小小介紹!!

上一篇有提到說,這次使用的IDE是超級好用的VsCode,相信各位看官們也都下載好了 安裝完畢,打開後會長這樣 ↓ 紅色的圈圈點下去就是可以下載套件的地方了...

技術 在 Windows 10 上安裝 Visual Studio Code EP3

前言 寫程式,設定好 IDE,可以增加自己的效率,今天來紀錄一下安裝 Visual Studio Code (又稱 VSCode),設定 C++ 的程式設計環境...

技術 在 Windows 10 上安裝 Visual Studio Code EP2

前言 寫程式,設定好 IDE,可以增加自己的效率,今天來紀錄一下安裝 Visual Studio Code (又稱 VSCode),設定 C++ 的程式設計環境...

技術 在 Windows 10 上安裝 Visual Studio Code EP1

前言 寫程式,設定好 IDE,可以增加自己的效率,今天來紀錄一下安裝 Visual Studio Code (又稱 VSCode),設定 C++ 的程式設計環境...