Angular 14 : インストール2023/03/10 |
Web アプリケーションフレームワーク Angular のインストールです。
|
|
[1] | |
[2] | Angular 14 をインストールします。 |
[root@dlp ~]# npm install -g @angular/cli@14 added 219 packages, and audited 220 packages in 18s 25 packages are looking for funding run `npm fund` for details found 0 vulnerabilities npm notice npm notice New minor version of npm available! 8.3.1 -> 8.12.2 npm notice Changelog: https://github.com/npm/cli/releases/tag/v8.12.2 npm notice Run npm install -g npm@8.12.2 to update! npm notice |
[3] | 任意の一般ユーザーで動作確認します。 |
[alma@dlp ~]$ ng version ? Would you like to enable autocompletion? This will set up your terminal so pressing TAB while typing Angular CLI commands will show possible options and autocomplete arguments. (Enabling autocompletion will modify configuration files Appended `source <(ng completion script)` to `/home/alma/.bashrc`. Restart your terminal or run the following to autocomplete `ng` commands: source <(ng completion script) ? Would you like to share anonymous usage data about this project 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 https://angular.io/analytics. Yes Thank you for sharing anonymous usage data. Should you change your mind, the following command will disable this feature entirely: ng analytics disable --global Global setting: enabled Local setting: No local workspace configuration file. Effective status: enabled _ _ ____ _ ___ / \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _| / △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | | / ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | | /_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___| |___/ Angular CLI: 14.0.2 Node: 16.14.0 Package Manager: npm 8.3.1 OS: linux x64 Angular: ... Package Version ------------------------------------------------------ @angular-devkit/architect 0.1400.2 (cli-only) @angular-devkit/core 14.0.2 (cli-only) @angular-devkit/schematics 14.0.2 (cli-only) @schematics/angular 14.0.2 (cli-only)[alma@dlp ~]$ ng new hello-world ..... ..... Packages installed successfully.[alma@dlp ~]$ cd hello-world [alma@dlp hello-world]$ ng serve --host dlp.srv.world --port 4200 Warning: This is a simple server for use in testing or debugging Angular applications locally. It hasn't been reviewed for security issues. Binding this server to an open connection can result in compromising your application or computer. Using a different host than the one passed to the "--host" flag might result in websocket connection issues. You might need to use "--disable-host-check" if that's the case. Browser application bundle generation complete. Initial Chunk Files | Names | Raw Size vendor.js | vendor | 2.02 MB | polyfills.js | polyfills | 315.27 kB | styles.css, styles.js | styles | 207.35 kB | main.js | main | 50.11 kB | runtime.js | runtime | 6.52 kB | | Initial Total | 2.58 MB Build at: 2022-06-17T08:45:28.827Z - Hash: 5c3de286246946da - Time: 9551ms ** Angular Live Development Server is listening on dlp.srv.world:4200, open your browser on http://dlp.srv.world:4200/ ** Compiled successfully. |
[4] | 任意のクライアントコンピューターで Web アクセスして、以下のようなページが表示されれば OK です。 |
Sponsored Link |