Anglarプロジェクトは新規作成、包装からnginx展開までの全過程記録です。
1633 ワード
前言
現在、AnglarJSはJavascriptのMVC(MV*という人もいますが、これはともかくとして)フレームとして広く使われています。応答式のWebをより速く、より容易に開発するための強力なメカニズムを提供しています。MVCフレームとして、Webフロントエンドコードを三つのコンポーネントModel,View,Controllerに分けます。したがって、data modelでは、アプリケーションロジック(Controllers)とviewディスプレイの間に明確な分離があり、重要な開発領域に注目しやすくなります。ビューはmodelからデータを受信して展示する。ユーザーがキーボードをクリックしたり、叩いたりすることによって、controllerはモデル中のデータを変えて応答する。最終的に、Viewはmodelで発生した変化という通知を得て、展示の内容を更新することができます。
最近はコンピューターが分からない友達に小さなアプリを作っています。Anglarでやりたいです。一般的にはIDE上開発でnpm startやng serveで内部サーバーを起動しますが、開発したプログラムを友達にあげたら、どうやって自分のブラウザで開くことができますか?私はここでnginxサーバーを選択して私のプログラムを展開します。
一、Anglarプログラムの新規作成
1.nodejsをインストールする
2.タオバオの鏡像を取り付ける
package.jsonがあるカタログの下でcnpm install
6.IDEで運転
二、包装
ng buildはプロジェクトフォルダの下でdistファイルを作成します。中身は包装したファイルです。
三、部署
ハンセン公式サイトでnginxをダウンロードします。
distフォルダの下のパッケージファイルをinx/htmlにコピーしてmyProjと名前を変えます。
ブラウザにlocal hostを入力してください。80で項目が見えます。
この時、私達はただ友達にnginxを包装して送るだけで、彼にnginx.exeをクリックした後に、ブラウザの中でlocal hostを入力すればいいです。
締め括りをつける
以上はこの文章の全部の内容です。本文の内容は皆さんの学習や仕事に対して一定の参考となる学習価値を持っています。質問があれば、メッセージを書いて交流してください。ありがとうございます。
現在、AnglarJSはJavascriptのMVC(MV*という人もいますが、これはともかくとして)フレームとして広く使われています。応答式のWebをより速く、より容易に開発するための強力なメカニズムを提供しています。MVCフレームとして、Webフロントエンドコードを三つのコンポーネントModel,View,Controllerに分けます。したがって、data modelでは、アプリケーションロジック(Controllers)とviewディスプレイの間に明確な分離があり、重要な開発領域に注目しやすくなります。ビューはmodelからデータを受信して展示する。ユーザーがキーボードをクリックしたり、叩いたりすることによって、controllerはモデル中のデータを変えて応答する。最終的に、Viewはmodelで発生した変化という通知を得て、展示の内容を更新することができます。
最近はコンピューターが分からない友達に小さなアプリを作っています。Anglarでやりたいです。一般的にはIDE上開発でnpm startやng serveで内部サーバーを起動しますが、開発したプログラムを友達にあげたら、どうやって自分のブラウザで開くことができますか?私はここでnginxサーバーを選択して私のプログラムを展開します。
一、Anglarプログラムの新規作成
1.nodejsをインストールする
2.タオバオの鏡像を取り付ける
npm install -g cnpm --registry=https://registry.npm.taobao.org
3.アングラーcliの取り付け
npm install -g @angular/cli
4.新規プロジェクト
ng new myProj
5.依存パッケージのインストールpackage.jsonがあるカタログの下でcnpm install
6.IDEで運転
ng serve
またはnpm install
は、local host:4200で見られます。二、包装
ng buildはプロジェクトフォルダの下でdistファイルを作成します。中身は包装したファイルです。
三、部署
ハンセン公式サイトでnginxをダウンロードします。
distフォルダの下のパッケージファイルをinx/htmlにコピーしてmyProjと名前を変えます。
conf/nginx.conf
location / {
root html/myProj;
index index.html index.htm;
}
nginx.exeをクリックしてnginxを起動します。ブラウザにlocal hostを入力してください。80で項目が見えます。
この時、私達はただ友達にnginxを包装して送るだけで、彼にnginx.exeをクリックした後に、ブラウザの中でlocal hostを入力すればいいです。
締め括りをつける
以上はこの文章の全部の内容です。本文の内容は皆さんの学習や仕事に対して一定の参考となる学習価値を持っています。質問があれば、メッセージを書いて交流してください。ありがとうございます。