iT邦幫忙

2021 iThome 鐵人賽

DAY 2
0
Modern Web

使用SASS(SCSS)建立自己的CSS Library系列 第 2

[Day 02] 環境建置(一) - 安裝VS Code、NodeJS

  • 分享至 

  • xImage
  •  

Day 02 和 Day 03 我們會來將環境建置完畢,環境安裝完成後就可以開始使用SASS了!

我的電腦是Windows 10,但Mac安裝環境也是大同小異

安裝 VS Code

這次的文章會使用VS Code做為程式碼編輯器,安裝方式很簡單,直接到VS Code官方下載後安裝即可:
https://code.visualstudio.com/

安裝 NodeJS

因為我們會需要用到NPM安裝Gulp,所以必須要安裝NodeJS,一樣到NodeJS官方下載後安裝即可:
https://nodejs.org/en/
可以自行選擇要安裝LTS版本或是Latest版本,這邊我選擇安裝目前的LTS版本(14.17.6)

安裝後可以開啟CMD(Terminal)輸入查看版本指令,可以順便確認是否有安裝成功:

node -v // => 會出現v14.17.6

安裝NodeJS會一併安裝NPM,輸入查看NPM版本的指令:

npm -v // => 會出現6.14.5

到這基本上就安裝完成VS Code和NodeJS了,剛開始輕鬆點,下一篇文章會開始用NPM安裝我們會用到的套件~

參考資料

NPM: https://zh.wikipedia.org/zh-tw/Npm


上一篇
[Day 01] 前言、文章大綱
下一篇
[Day 03] 環境建置(二) - gulp、compiling SASS
系列文
使用SASS(SCSS)建立自己的CSS Library21
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言