---
# System prepended metadata

title: Mac 安裝環境

---

# Mac 安裝環境

## git
https://sourceforge.net/projects/git-osx-installer/

## nodejs
https://nodejs.org/en/
ＬＴＳ

## 安裝n 
npm install -g n
n --version
https://github.com/tj/n


## sass
npm install -g sass
sass --version 

vscode工具：
![](https://i.imgur.com/789bY4E.jpg)
live sass : 
```json=
"liveSassCompile.settings.formats": [
      {
          "format": "expanded", //壓縮成一行"compressed", //壓縮成一行css，正式版本 
          "extensionName": ".css",
          "savePath": "/css/" //此為輸出的路徑，可以自行更改
      }
```



## gulp

`sudo npm install gulp-cli -g`

專案裡：
npm install gulp --save-dev


## webpack

```
npm install webpack@4.43.0 -g
npm install webpack-cli@3.3.12 -g
```


## mamp
https://www.mamp.info/en/mac/

