###### 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`


## sass 編譯指令

`sass style.scss style.css`

如何監看： `--watch`

## 加載套件

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