text CLOUD9で角-CLIの环境构筑

Posted 2021-05-02

1.nodeを最新にアップデート

2.angular-cliをインストール
npm install -g @angular/cli
・アプリのひな形を作成
ng new ng-test
cd ng-test

3.package.jsonを編集
"start": "ng serve --port=8080 --host=0.0.0.0 --public-host=workspace-username.c9users.io",

4.スタート
npm run start
http://localhost:8080/
で確認

・ctrl + cでキャンセル

5.ビルド
ng build
<base href="/">
をファイルが格納されているパスに変更する
例：
<base href="/ng-test/">
ng-testディレクトリの場合