iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 2
4
自我挑戰組

【I Love Vue】 30天愛上 Vue系列 第 2

【I Love Vue 】 Day 02 愛上 Vue- 環境建置(一) - IDE安裝

網路上有這麼一句話來形容咱們工程師

你不是魔法師,就是在成為魔法師的路上。

雖然這僅是一句玩笑話,但真的是蠻貼切的。


IDE

甚麼是IDE?

IDE全名為Integrated Development Environment(整合開發環境)。
為降低學習曲線,我們這邊可以先簡單當作IDE是我們的法杖,
魔法師可將魔力透過法杖變出想要的東西,
而工程師可將想法透過IDE寫出想要的程式。
就像是魔法師換法杖一樣能使用法術,工程師換IDE一樣能進行開發。
但為了方便起見之後我們這邊統一使用 VSCode(IDE)做介紹

安裝

  1. 首先我們到 VSCode官方網站 : https://code.visualstudio.com/

  2. 現在很多網頁都會偵測你的環境去推薦,所以這邊我們 按下Download 就可以了。
    https://ithelp.ithome.com.tw/upload/images/20200916/20115941uShm2hYVe9.jpg

  3. 下載完成後執行

  4. 按下next(總之就是一直下一步的安裝)
    https://ithelp.ithome.com.tw/upload/images/20200916/20115941IMYiFoXpAK.jpg

https://ithelp.ithome.com.tw/upload/images/20200916/20115941cJ6kIs20SU.jpg

  1. 按下Install
    https://ithelp.ithome.com.tw/upload/images/20200916/20115941ash7JbMxB2.jpg

  2. 完成之後按下finish
    https://ithelp.ithome.com.tw/upload/images/20200916/20115941eafprFiWpx.jpg

https://ithelp.ithome.com.tw/upload/images/20200916/20115941rnMb4FRxyT.jpg

  1. 安裝完成,完成後會預設跳出VSCode
    https://ithelp.ithome.com.tw/upload/images/20200916/20115941uzevsKlUqu.jpg

到這邊為止,我們取得了法杖,但是每個魔法師使用的法術都不盡相同。
我們必須學習如何去改造/強化我們的法杖,讓我們用得更加順手。
下一篇開始會介紹如何強化我們的IDE,
並開始建置我們第一個Vue的專案。


上一篇
【I Love Vue 】 Day 01 愛上 Vue- 前言
下一篇
【I Love Vue 】 Day 03 愛上 Vue- 環境建置(二) - Vue CLI
系列文
【I Love Vue】 30天愛上 Vue30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言