LoginSignup
2
2

More than 5 years have passed since last update.

5分でできるgulp、webpackなしでphpとsassが使える簡単ローカル開発環境

Last updated at Posted at 2018-10-18

簡単にサイトを立ち上げたい

ちょっとした作業だからgulpとかnpm installとかしたくない。
例えばこんな時

  • LPや特集ページなど他ページに依存しないペライチページ
  • 自分で試してみたい検証サイトとか(知らんけど)

そんな場合にちょっと調べたら、すぐできました。

VS Codeの拡張機能追加

Visual Studio Codeを使いこなせ! フロントエンジニア必須の拡張機能7選
https://ics.media/entry/18544

の記事にある「Easy Sass」を入れましょう。VS Codeで開いている環境にあるscssを保存する度にcssとmin.cssファイルを生成してくれます。

HTMLのサイトであれば同記事で紹介されている「Live Server」をインストールすれば、Sassが使えるローカル環境がすぐできます。

※ChromeとFFの「Live Server」の拡張機能を入れるとPHPもLive Server使えば構築できるという記事も見たんですが、うまくいかなたかったので、うまくいく人はここまででこの記事内容は終わりです。

PHPのコマンドラインでローカル環境を立ち上げ

https://xn--web-oi9du9bc8tgu2a.com/php-web-server/
の記事に記載があるようにコマンド一発でPHPファイルが使えるローカル環境が出来上がります。
立ち上げれたのは良かったんですが、文字化けに困ったのでググると下記記事ですぐに治りました。
https://qiita.com/daikiojm/items/937041b1966229533360

本当すぐにできますよ。

2
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
2