HTML/CSS

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


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

1.nvmのインストール

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

Releases · coreybutler/nvm-windows
A node.js version management utility for Windows. Ironically written in Go. - coreybutler/nvm-windows

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

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

nvm

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

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

Node.jp (Serverside JavaScript)

3. pythonのインストール

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

Welcome to Python.org
The official home of the Python Programming Language

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

4. Gulpのインストール

gulp

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

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

Sunsetting Atom | The GitHub Blog
We are archiving Atom and all projects under the Atom organization for an official sunset on December 15, 2022.

「Emmetのタグ一覧」

Cheat Sheet

「Developers.IO」

【便利ツール】Emmetで、ちょっと気持ちいいコーディング with sublime text 2・下巻 | DevelopersIO
はじめに 前回に引き続き、「Emmet」についてご紹介していきたいと思います。 Emmet Documentationというドキュメントサイトがあるのですが、そちらに「Emmet」の情報が網羅されています。 Emmet …

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

Google Chrome - Google の高速で安全なブラウザをダウンロード
新しい Google Chrome で毎日をもっと快適に。Google の最先端技術を搭載し、さらにシンプル、安全、高速になった Chrome をダウンロードしてご活用ください。

2018/07/29