AngularJS を使用して Web サーバーを構築するにはどうすればよいですか? angularjs を使用して Web サーバーを構築する詳細なプロセス-jsチュートリアル-php.cn

AngularJS を使用して Web サーバーを構築するにはどうすればよいですか? angularjs を使用して Web サーバーを構築する詳細なプロセス

寻∝梦

リリース： 2018-09-08 16:59:54

オリジナル

2423 人が閲覧しました

この記事では主にangularjsでWebサーバーを起動する操作を紹介しますので、ぜひ読んでみてください

ダウンロードリンク

公式サイトのアドレス: https :/ /nodejs.org/ja/

解凍したバージョンをダウンロードしたので、インストールしたいディレクトリに直接解凍します

マイコンピュータ内 (右クリック) → プロパティ → 詳細システム変数 → 環境変数
NODE_PATH

を書き込みます

AngularJS を使用して Web サーバーを構築するにはどうすればよいですか? angularjs を使用して Web サーバーを構築する詳細なプロセスパスに追加

node -v

ノードのバージョンをコンソールに表示可能 AngularJS を使用して Web サーバーを構築するにはどうすればよいですか? angularjs を使用して Web サーバーを構築する詳細なプロセス

 v6.11.4

ログイン後にコピー

Webサーバーをインストール

npm install connect
npm install serve-static

ログイン後にコピー

本に記載されているバージョンはバージョン2です。バージョンブートストラップ css ファイルと angular.js

angularjs フォルダーのダウンロードアドレス: クリックしてダウンロード

angularjs フォルダーの下に新しい FirstTest.html を作成します

var connect = require(&#39;connect&#39;);
    serveStatic = require(&#39;serve-static&#39;);
var app = connect();
app.use(serveStatic("../angularjs"));
app.listen(5000);

ログイン後にコピー

Web サーバーを起動します

nodejs のインストールにジャンプしますディレクトリ

<!DOCTYPE html><html ng-app><head>
    <title> First Test</title>
    <script src="angular.js"></script>
    <link href="bootstrap.css" rel="stylesheet" />
    <link href="bootstrap-grid.css" rel="stylesheet" /></head><body>
    <p class="btn btn-dark">{{ "AngularJS" }}</p>
    <p class="btn btn-success">Bootsstrap</p></body></html>

ログイン後にコピー