iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

不用去柬埔寨也能活摘 Vue 系列

不用去柬埔寨賣器官,來這邊就能看我賣肝。
使用文章加圖片的互動式介紹 Vue,手把手讓前端新手 30 天看懂 Vue。

鐵人鍊成 | 共 30 篇文章 | 10 人訂閱 訂閱系列文 RSS系列文 團隊imac_柬埔寨7日遊
DAY 1

[Vue] Day1 前言

前言 今年這次是我第二次挑戰鐵人賽了!!!比起去年的第一次參賽,已經有經驗的這次已經沒那麼緊張了!!!這次鐵人賽的主要是要記錄並複習這一年來的所學也因為學長們接...

2022-09-16 ‧ 由 Hinata 分享
DAY 2

[Vue] Day2 工具:VS Code 安裝及簡打

此次我們鐵人賽將使用 VS code 作為環境,那今天就來簡單介紹一下這套好用的工具吧 Download 首先呢!當然就是下載拉, Download 這邊直...

2022-09-17 ‧ 由 Hinata 分享
DAY 3

[Vue] Day3 工具:VS Code 前端套件介紹

昨天介紹了 VS code 的下載與 VS code 的簡打,那今天就來好好介紹一下前端套件吧 套件 為什麼需要「套件」? 可以看到我們上方的圖片當我們選擇...

2022-09-18 ‧ 由 Hinata 分享
DAY 4

[Vue] Day4 前端框架介紹

恭喜我們來到第四天了!今天就和各位一起進入 Vue 的世界吧! 首先,在介紹 Vue 之前我們需要先來知道「框架」是什麼? 框架 什麼是「框架」呢? 簡單來說,...

2022-09-19 ‧ 由 Hinata 分享
DAY 5

[Vue] Day5 認識 Node.js 及 npm

來囉來囉 ~ 恭喜我們進入第五天的旅程啦 ~ 可喜可賀 ~ 恭喜發財 ~小妹我呢,今天準備要來介紹的就是開發環境拉,是不是已經有人猜到了 (=゚ω゚)ノ 那首先...

2022-09-20 ‧ 由 Hinata 分享
DAY 6

[Vue] Day6 Node.js 安裝教學及簡易實作

呼呼 終於來到第六天啦!恭喜大家,代表我們已經走完六分之一的路程呢,嘎油嘎油 今天呢!就是要和各位一起來安裝 node.js 啦 node.js 安裝教學 首先...

2022-09-21 ‧ 由 Hinata 分享
DAY 7

[Vue] Day7 什麼是 Vue.js?

又見面啦各位,是不是很開心呢 ~ 今天又是一天學 Vue 的好日子呢說到 vue,似乎還沒跟各位好好介紹過呢,那今天就來好好認識一下吧 Vue 初探 Vue 是...

2022-09-22 ‧ 由 Hinata 分享
DAY 8

[Vue] Day8 Vue.js 與 Vue Cli 安裝教學

哈囉各位!今天我們要來聊聊 Vue.js 與 Vue Cli 的安裝呦這兩個都是操作 vue 的必要條件呢,所以將它們放在一起跟各位介紹: 安裝前的準備 首先呢...

2022-09-23 ‧ 由 Hinata 分享
DAY 9

[Vue] Day9 Vue Cli 檔案結構與部署專案

昨天有與各位分享到 Vue Cli 的安裝與打開方法,那今天我們就來看看檔案架構吧!首先,打開我們的 Vue Cli ,可以看到打包的所有檔案是長這樣那麼我們今...

2022-09-24 ‧ 由 Hinata 分享
DAY 10

[Vue] Day10 生命週期與 Component 元件

耶!終於迎來了鐵人賽第十天,撐過了三分之一,恭喜各位也恭喜我自己!那我們今天呢,就是要跟大家來介紹 Vue 的生命週期,那話不多說,我們開始吧 Vue 的生命週...

2022-09-25 ‧ 由 Hinata 分享