---
# System prepended metadata

title: CFD101 Web 前端設計工程師養成班
tags: [前端設計工程師養成班]

---

###### tags: `前端設計工程師養成班`
# CFD101 Web 前端設計工程師養成班


# Sass


講義：https://hackmd.io/miq8SCgDTc6KQODD5kqUrw
github 連結： https://github.com/sexfat/cfd101/tree/sass

#### 可以在底下留言：
___

    可以在這區塊留言

大家早安




早安＠＠

---

## 建立專案注意事項


1. 不能用中文檔名
2. 不能有特殊符號：%!/$# space
3. 不要取跟工具一樣的檔名 sass node  



## node js安裝 注意事項

1. vscode 要用系館管理員開起
2. 終端機 cmd
3. node 解安裝 / 重新安裝-> add to path 打勾
4. 查詢 node js指令 `node -v`


## sass安裝

1. 要注意是否以系統管理員去安裝
2. mac 安裝: `sudo npm install sass -g
3. 查詢sass版本 `sass --version`

![](https://i.imgur.com/pADcU6f.png)
![](https://i.imgur.com/ebu34U3.png)
![](https://i.imgur.com/j8ToIY3.png)

## sass 編譯指令


`sass style.scss style.css` 

如何監看： `--watch`


## 加載套件

1. `npm init -y`   ->package.json
2. `npm install bootstrap-sass`

















