web dev shell

Web開発者シェル

高速のローカルWeb環境で、最新のHTML、CSS、およびJavaScriptを迅速に開発およびテストします。新しい開発者と経験豊富な開発者の両方を対象としています。

前提条件

1. 必要に応じて、nodejs/npmをインストールします。

2. オプションで、NPMの新しい代替品であるYarnをインストールします。 （続きを読む）

3. 小包をグローバルにインストールします。現在、執筆時点で小包V2が推奨されています。コマンドラインから、実行してください：

   $ npm install -g parcel@2
   
           -- or --
       
   $ yarn global add parcel@2

使用法

Parcelは、Webサーバーを起動し、 src/フォルダーのファイルの変更を監視し、プロジェクトのHTML/JS/CSSコードを自動的に再構築し、ブラウザをホットリロードします。 Parcelは、コードに特定のファイルまたは構文を見つけた場合、パッケージの依存関係を自動的にダウンロードしてインストールします（例：TypeScript、SASS/LESS、LIT-HTML、PREACT、REACTなど）。

コマンドラインから、実行してください：

$ parcel src/index.html

サーバーのWebページを開き、コーディングを開始します！

http：// localhost：1234