開発環境が整ったテーマ「Develop」を触ってみよう開発環境が整ったテーマ「Develop」を触ってみよう2019年11月16日このハンズオン記事ではVer.2.11から追加された、開発環境が整ったテーマ「Develop」を触ってみましょう。環境が異なる場合はご自身の環境に合わせて読み替えてください。Manager)が必要です。環境にあったインストーラーをダウンロードしてインストールください。「develop」テーマとはVer.2.11より同梱された新しいテーマです。開発する際によく使うテンプレートをシンプルにしたものを同梱していますが、フロントエンドに関する開発環境も整えられています。SCSSをCSSにコンパイルします。複数のJSファイルを1つのファイルに結合します。ESLintやstylelintを使用して、JSやSCSSおよびCSSのコードをチェックします。ファイルの変更があった場合に、ブラウザを自動的にリロードします。EditorConfigを使い、ソースコードを整形します。JavaScriptを利用して、SVGアイコンを表示します。インストールしてください。ターミナルで、developテーマを設置しているディレクトリまで移動します。install※現在お配りしているdevelopテーマではstylelintが入らないようになっているので、以下のように別途インストールしてください。