angularのまとめ


●環境設定

nod.js エキスプレスサーバーの場所
C:\Users\shimizu\Desktop\nodejs-test

nod.js
express
etc

? Would you like to share anonymous usage data with the Angular Team at Google under
Google’s Privacy Policy at https://policies.google.com/privacy? For more details and
how to change this setting, see http://angular.io/analytics.

⇒共有したくないのでNを押す

npm init ⇒必要
npm install body-parser --save
npm install cookie-parser --save
npm install multer --save

npm install -g @angular/cli
デフォルトだと
C:\Users\shimizu\AppData\Roaming\npm\node_modules\
@angular\cli\bin に入る

ng new my-store
DOSプロンプトだとC:\Users\shimizu>だと上手くいった、パワーシェルだとどうかわからない

※注意点 サーバーを動かす場合などは、JSONファイルがあるカレントドライブで起動する必要がある
 コマンドラインの基礎を勉強するとよいかも

ngサーバー起動方法
cd C:\Users\shimizu\my-store
ng serve --open

TOPバーのインストール
ng g component top-bar

Styles.css

width: 100%;がエラーになったらこちらに変更する。

★デプロイはまだ

エラー
cart.component.htmlの商品の出力が抜けている。

●チェットアプリ
cd C:\Users\shimizu\my-store\chat-app>

●IONICサーバ起動
Visual Studio Codeのコンソールを開いて、以下のコマンドを実行すると、ログイン画面が表示されることを確認出来ます。
駄目ならコマンドラインでも起動OK

ionic serve

●VSコードで管理権限の渡し方
【ターミナル内コンソールが実行できない場合】
PowerShell -ExecutionPolicy RemoteSigned
※権限付与で実行する

●デバック
VSでnpm startを行いnode.jsを起動する