新しいWeb開発?ローカルサーバーを設定する方法を3つあげましょう


写真でPhilipp Katzenberger on Unsplash

This is a preview from my CSSBootcamp.com course.


あなたがウェブ開発に慣れているならば、あなたがちょうど何か単純なものを造ることによって始めたいとき、それは少し混沌と感じることができると理解します.このビデオは、ローカルのサーバーを設定する方法を示しています3つの異なる方法であなたのマシン“ローカル”であなたのウェブサイトを実行することができます.

Vencode拡張モジュール
使用している場合は、おそらく“ライブサーバー”と呼ばれる拡張子を持つ静的HTML、CSS、およびJavaScriptのウェブサイトのローカルサーバーを設定することができます.vscodeの拡張セクションと「ライブサーバー」を検索します

vscodeのフッターで「go live」リンクをクリックしてインストールします.拡張子がサーバーとして使用するフォルダを知っているので、プロジェクトフォルダを開いていることを確認します.例のために上記のビデオを見てください.

CLIからサーバを起動する
これらの次の2つのオプションは、CLIの知識のほんの少しが必要です.多くのCLIをしない場合でも、Web開発者としてそれを学ぶ必要がありますので、CLIで新しい何かを学ぶすべてのチャンスを取る.
私たちは、Mac上でサーバーを実行するためにPythonコマンドを使うつもりです.PythonはMacでデフォルトでインストールされていますので、あまりやりません.Python開発をしていなくても、必要なときにサーバを動かすのはとても簡単です.
確認してくださいcd (ディレクトリを変更する)あなたのサーバのルートパスとして使用するものに.あなたがより多くの援助を必要とするならば、ビデオをチェックしてください.次のようにします.
python -m SimpleHTTPServer 8000
今すぐあなたのブラウザは、URLにこれを置く移動します.
127.0.0.1:8000
ドゥControl+C 終了したらサーバーを終了します.Pythonサーバであるので、必要があるかもしれませんControl+C 二度.

BrowserSyncによるノードとNPM
既にインストールされている場合node -v あなたがするかどうかを確認するにはBrowserSync インストール後
npm install -g browser-sync
今、あなたはちょうど任意のフォルダから行うことができますし、サーバーを取得する
browser-sync
あなたがノード/NPMがインストールされていない場合、ビデオは同様にそれらのステップを介してあなたを歩きます.