新しいWeb開発?ローカルサーバーを設定する方法を3つあげましょう
写真でPhilipp Katzenberger on Unsplash
あなたがウェブ開発に慣れているならば、あなたがちょうど何か単純なものを造ることによって始めたいとき、それは少し混沌と感じることができると理解します.このビデオは、ローカルのサーバーを設定する方法を示しています3つの異なる方法であなたのマシン“ローカル”であなたのウェブサイトを実行することができます.
Vencode拡張モジュール
使用している場合は、おそらく“ライブサーバー”と呼ばれる拡張子を持つ静的HTML、CSS、およびJavaScriptのウェブサイトのローカルサーバーを設定することができます.vscodeの拡張セクションと「ライブサーバー」を検索します
vscodeのフッターで「go live」リンクをクリックしてインストールします.拡張子がサーバーとして使用するフォルダを知っているので、プロジェクトフォルダを開いていることを確認します.例のために上記のビデオを見てください.
CLIからサーバを起動する
これらの次の2つのオプションは、CLIの知識のほんの少しが必要です.多くのCLIをしない場合でも、Web開発者としてそれを学ぶ必要がありますので、CLIで新しい何かを学ぶすべてのチャンスを取る.
私たちは、Mac上でサーバーを実行するためにPythonコマンドを使うつもりです.PythonはMacでデフォルトでインストールされていますので、あまりやりません.Python開発をしていなくても、必要なときにサーバを動かすのはとても簡単です.
確認してください
BrowserSyncによるノードとNPM
既にインストールされている場合
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がインストールされていない場合、ビデオは同様にそれらのステップを介してあなたを歩きます.Reference
この問題について(新しいWeb開発?ローカルサーバーを設定する方法を3つあげましょう), 我々は、より多くの情報をここで見つけました https://dev.to/bradwestfall/new-to-web-development-let-s-show-you-three-ways-to-setup-a-local-server-cdiテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol