Angular

angular

?

 https://angular.cn/

npm install -g @angular/cli
Angular

after 5 mins

Microsoft Windows [版本 10.0.18363.1198]
(c) 2019 Microsoft Corporation。保留所有权利。

C:\Users\Admin>node.js
‘node.js‘ 不是内部或外部命令,也不是可运行的程序
或批处理文件。

C:\Users\Admin>node -v
v10.13.0

C:\Users\Admin>npm install -g @angular/cli
npm WARN deprecated debug@4.2.0: Debug versions >=3.2.0 <3.2.7 || >=4 <4.3.1 have a low-severity ReDos regression when used in a Node.js environment. It is recommended you upgrade to 3.2.7 or 4.3.1. (https://github.com/visionmedia/debug/issues/797)
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
C:\Users\Admin\AppData\Roaming\npm\ng -> C:\Users\Admin\AppData\Roaming\npm\node_modules\@angular\cli\bin\ng

> @angular/cli@11.0.2 postinstall C:\Users\Admin\AppData\Roaming\npm\node_modules\@angular\cli
> node ./bin/postinstall/script.js

? 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. No
+ @angular/cli@11.0.2
added 253 packages from 201 contributors in 314.527s

 
Angular
C:\Users\Admin>ng new my-app


after 15 mins
Angular
? Do you want to enforce stricter type checking and stricter bundle budgets in the workspace?
  This setting helps improve maintainability and catch bugs ahead of time.
  For more information, see https://angular.io/strict No
? Would you like to add Angular routing? No
? Which stylesheet format would you like to use? CSS
CREATE my-app/angular.json (3535 bytes)
CREATE my-app/package.json (1196 bytes)
CREATE my-app/README.md (1014 bytes)
CREATE my-app/tsconfig.json (458 bytes)
CREATE my-app/tslint.json (3185 bytes)
CREATE my-app/.editorconfig (274 bytes)
CREATE my-app/.gitignore (631 bytes)
CREATE my-app/.browserslistrc (703 bytes)
CREATE my-app/karma.conf.js (1101 bytes)
CREATE my-app/tsconfig.app.json (287 bytes)
CREATE my-app/tsconfig.spec.json (333 bytes)
CREATE my-app/src/favicon.ico (948 bytes)
CREATE my-app/src/index.html (291 bytes)
CREATE my-app/src/main.ts (372 bytes)
CREATE my-app/src/polyfills.ts (2826 bytes)
CREATE my-app/src/styles.css (80 bytes)
CREATE my-app/src/test.ts (753 bytes)
CREATE my-app/src/assets/.gitkeep (0 bytes)
CREATE my-app/src/environments/environment.prod.ts (51 bytes)
CREATE my-app/src/environments/environment.ts (662 bytes)
CREATE my-app/src/app/app.module.ts (314 bytes)
CREATE my-app/src/app/app.component.html (25725 bytes)
CREATE my-app/src/app/app.component.spec.ts (940 bytes)
CREATE my-app/src/app/app.component.ts (210 bytes)
CREATE my-app/src/app/app.component.css (0 bytes)
CREATE my-app/e2e/protractor.conf.js (904 bytes)
CREATE my-app/e2e/tsconfig.json (274 bytes)
CREATE my-app/e2e/src/app.e2e-spec.ts (657 bytes)
CREATE my-app/e2e/src/app.po.ts (274 bytes)
- Installing packages (npm)...

√ Packages installed successfully.
    Directory is already under version control. Skipping initialization of git.
Angular
C:\Users\Admin\my-app>ng serve --open
Angular

Compiling @angular/core : es2015 as esm2015
Compiling @angular/common : es2015 as esm2015
Compiling @angular/platform-browser : es2015 as esm2015
Compiling @angular/platform-browser-dynamic : es2015 as esm2015
√ Browser application bundle generation complete.

Initial Chunk Files   | Names         |      Size
vendor.js             | vendor        |   2.40 MB
polyfills.js          | polyfills     | 481.10 kB
styles.css, styles.js | styles        | 340.66 kB
main.js               | main          |  56.87 kB
runtime.js            | runtime       |   6.15 kB

                      | Initial Total |   3.27 MB

Build at: 2020-12-01T15:44:17.830Z - Hash: 9b3b0f24cae345a88917 - Time: 5113ms

** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **


√ Compiled successfully.
√ Browser application bundle generation complete.

Initial Chunk Files   | Names  |      Size
styles.css, styles.js | styles | 340.66 kB

4 unchanged chunks

Build at: 2020-12-01T15:44:29.417Z - Hash: 470c1ba19783eaff3f5c - Time: 321ms

√ Compiled successfully.
Angular

AngularAngular?

https://stackblitz.com/edit/angular-lptqcm-bg8anu?file=src%2Fapp%2Fproduct-list%2Fproduct-list.component.ts

quick learn from atackblitz

AngularAngular?

 


?

Angular

上一篇:vue调用krpano方法


下一篇:第一个程序Hello World