HTML/CSS

この記事は約3分で読めます。

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
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 - 高速かつ安全でカスタマイズ可能なブラウザ
Chrome は Google が開発した高速、安全でカスタマイズ可能な公式ウェブブラウザです。いますぐダウンロードして自分好みにカスタマイズしましょう。

2018/07/29