HTML/CSS

WEB制作環境セッティング覚書


Sassコンパイル環境の構築方法

1.nvmのインストール

下記URLからインストーラをDL

https://github.com/coreybutler/nvm-windows/releases

対象ファイル:nvm-setup.zip

2.Node.jpのインストール

nvm

リストを表示し、LTSの最新バージョンをインストール。

Node.jp は管理しやすいようにnvmからインストールする。
公式ページからは直接インストールしない。

Node.jp (Serverside JavaScript)

3. pythonのインストール

下記URLからインストーラをDL

https://www.python.org/

Downloads > Windows > Python3.x.xを選択

4. Gulpのインストール

gulp

1行目はグローバルにインストール、2行目はローカルにインストール。

5. Atomのインストール(text editor)

https://atom.io/

「Emmetのタグ一覧」

https://docs.emmet.io/cheat-sheet/

「Developers.IO」

https://dev.classmethod.jp/tool/sublime-text-2-emmet-coding-2/

6. Chromeのインストール(Chrome DevTools)

https://www.google.com/intl/ja_ALL/chrome/


2018/07/29