Difference between revisions of "Setting up an Angular 8 Application using Bootstrap"

From PeformIQ Upgrade
Jump to navigation Jump to search
Line 4: Line 4:


<pre>
<pre>
C:\src\Angular>ng new bootstrap
C:\src\Angular>ng new bootstrap-demo
? Would you like to add Angular routing? Yes
? Would you like to add Angular routing? Yes
? Which stylesheet format would you like to use? CSS
? Which stylesheet format would you like to use? CSS
CREATE bootstrap/angular.json (3617 bytes)
CREATE bootstrap-demo/angular.json (3657 bytes)
CREATE bootstrap/package.json (1283 bytes)
CREATE bootstrap-demo/package.json (1288 bytes)
CREATE bootstrap/README.md (1026 bytes)
CREATE bootstrap-demo/README.md (1030 bytes)
CREATE bootstrap/tsconfig.json (543 bytes)
CREATE bootstrap-demo/tsconfig.json (543 bytes)
CREATE bootstrap/tslint.json (1988 bytes)
CREATE bootstrap-demo/tslint.json (1988 bytes)
CREATE bootstrap/.editorconfig (246 bytes)
CREATE bootstrap-demo/.editorconfig (246 bytes)
CREATE bootstrap/.gitignore (631 bytes)
CREATE bootstrap-demo/.gitignore (631 bytes)
CREATE bootstrap/browserslist (429 bytes)
CREATE bootstrap-demo/browserslist (429 bytes)
CREATE bootstrap/karma.conf.js (1021 bytes)
CREATE bootstrap-demo/karma.conf.js (1026 bytes)
CREATE bootstrap/tsconfig.app.json (270 bytes)
CREATE bootstrap-demo/tsconfig.app.json (270 bytes)
CREATE bootstrap/tsconfig.spec.json (270 bytes)
CREATE bootstrap-demo/tsconfig.spec.json (270 bytes)
CREATE bootstrap/src/favicon.ico (948 bytes)
CREATE bootstrap-demo/src/favicon.ico (948 bytes)
CREATE bootstrap/src/index.html (295 bytes)
CREATE bootstrap-demo/src/index.html (299 bytes)
CREATE bootstrap/src/main.ts (372 bytes)
CREATE bootstrap-demo/src/main.ts (372 bytes)
CREATE bootstrap/src/polyfills.ts (2838 bytes)
CREATE bootstrap-demo/src/polyfills.ts (2838 bytes)
CREATE bootstrap/src/styles.css (80 bytes)
CREATE bootstrap-demo/src/styles.css (80 bytes)
CREATE bootstrap/src/test.ts (642 bytes)
CREATE bootstrap-demo/src/test.ts (642 bytes)
CREATE bootstrap/src/assets/.gitkeep (0 bytes)
CREATE bootstrap-demo/src/assets/.gitkeep (0 bytes)
CREATE bootstrap/src/environments/environment.prod.ts (51 bytes)
CREATE bootstrap-demo/src/environments/environment.prod.ts (51 bytes)
CREATE bootstrap/src/environments/environment.ts (662 bytes)
CREATE bootstrap-demo/src/environments/environment.ts (662 bytes)
CREATE bootstrap/src/app/app-routing.module.ts (246 bytes)
CREATE bootstrap-demo/src/app/app-routing.module.ts (246 bytes)
CREATE bootstrap/src/app/app.module.ts (393 bytes)
CREATE bootstrap-demo/src/app/app.module.ts (393 bytes)
CREATE bootstrap/src/app/app.component.html (25530 bytes)
CREATE bootstrap-demo/src/app/app.component.html (25530 bytes)
CREATE bootstrap/src/app/app.component.spec.ts (1107 bytes)
CREATE bootstrap-demo/src/app/app.component.spec.ts (1122 bytes)
CREATE bootstrap/src/app/app.component.ts (213 bytes)
CREATE bootstrap-demo/src/app/app.component.ts (218 bytes)
CREATE bootstrap/src/app/app.component.css (0 bytes)
CREATE bootstrap-demo/src/app/app.component.css (0 bytes)
CREATE bootstrap/e2e/protractor.conf.js (810 bytes)
CREATE bootstrap-demo/e2e/protractor.conf.js (810 bytes)
CREATE bootstrap/e2e/tsconfig.json (214 bytes)
CREATE bootstrap-demo/e2e/tsconfig.json (214 bytes)
CREATE bootstrap/e2e/src/app.e2e-spec.ts (642 bytes)
CREATE bootstrap-demo/e2e/src/app.e2e-spec.ts (647 bytes)
CREATE bootstrap/e2e/src/app.po.ts (262 bytes)
CREATE bootstrap-demo/e2e/src/app.po.ts (262 bytes)


 
> core-js@2.6.9 postinstall C:\src\Angular\bootstrap-demo\node_modules\babel-runtime\node_modules\core-js
> core-js@2.6.9 postinstall C:\src\Angular\bootstrap\node_modules\babel-runtime\node_modules\core-js
> node scripts/postinstall || echo "ignore"
> node scripts/postinstall || echo "ignore"




> core-js@3.2.1 postinstall C:\src\Angular\bootstrap\node_modules\core-js
> core-js@3.2.1 postinstall C:\src\Angular\bootstrap-demo\node_modules\core-js
> node scripts/postinstall || echo "ignore"
> node scripts/postinstall || echo "ignore"




> core-js@2.6.9 postinstall C:\src\Angular\bootstrap\node_modules\karma\node_modules\core-js
> core-js@2.6.9 postinstall C:\src\Angular\bootstrap-demo\node_modules\karma\node_modules\core-js
> node scripts/postinstall || echo "ignore"
> node scripts/postinstall || echo "ignore"




> @angular/cli@8.3.8 postinstall C:\src\Angular\bootstrap\node_modules\@angular\cli
> @angular/cli@8.3.8 postinstall C:\src\Angular\bootstrap-demo\node_modules\@angular\cli
> node ./bin/postinstall/script.js
> node ./bin/postinstall/script.js


Line 65: Line 64:
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.1.0: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.1.0: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})


added 1188 packages from 1051 contributors and audited 18849 packages in 163.1s
added 1188 packages from 1051 contributors and audited 18849 packages in 135.885s
found 0 vulnerabilities
found 0 vulnerabilities


Line 126: Line 125:
     Successfully initialized git.
     Successfully initialized git.
</pre>
</pre>
Install bootstrap
<pre>
</pre>
[[Category:Angular]]

Revision as of 14:38, 8 October 2019

First create the new application:


C:\src\Angular>ng new bootstrap-demo
? Would you like to add Angular routing? Yes
? Which stylesheet format would you like to use? CSS
CREATE bootstrap-demo/angular.json (3657 bytes)
CREATE bootstrap-demo/package.json (1288 bytes)
CREATE bootstrap-demo/README.md (1030 bytes)
CREATE bootstrap-demo/tsconfig.json (543 bytes)
CREATE bootstrap-demo/tslint.json (1988 bytes)
CREATE bootstrap-demo/.editorconfig (246 bytes)
CREATE bootstrap-demo/.gitignore (631 bytes)
CREATE bootstrap-demo/browserslist (429 bytes)
CREATE bootstrap-demo/karma.conf.js (1026 bytes)
CREATE bootstrap-demo/tsconfig.app.json (270 bytes)
CREATE bootstrap-demo/tsconfig.spec.json (270 bytes)
CREATE bootstrap-demo/src/favicon.ico (948 bytes)
CREATE bootstrap-demo/src/index.html (299 bytes)
CREATE bootstrap-demo/src/main.ts (372 bytes)
CREATE bootstrap-demo/src/polyfills.ts (2838 bytes)
CREATE bootstrap-demo/src/styles.css (80 bytes)
CREATE bootstrap-demo/src/test.ts (642 bytes)
CREATE bootstrap-demo/src/assets/.gitkeep (0 bytes)
CREATE bootstrap-demo/src/environments/environment.prod.ts (51 bytes)
CREATE bootstrap-demo/src/environments/environment.ts (662 bytes)
CREATE bootstrap-demo/src/app/app-routing.module.ts (246 bytes)
CREATE bootstrap-demo/src/app/app.module.ts (393 bytes)
CREATE bootstrap-demo/src/app/app.component.html (25530 bytes)
CREATE bootstrap-demo/src/app/app.component.spec.ts (1122 bytes)
CREATE bootstrap-demo/src/app/app.component.ts (218 bytes)
CREATE bootstrap-demo/src/app/app.component.css (0 bytes)
CREATE bootstrap-demo/e2e/protractor.conf.js (810 bytes)
CREATE bootstrap-demo/e2e/tsconfig.json (214 bytes)
CREATE bootstrap-demo/e2e/src/app.e2e-spec.ts (647 bytes)
CREATE bootstrap-demo/e2e/src/app.po.ts (262 bytes)

> core-js@2.6.9 postinstall C:\src\Angular\bootstrap-demo\node_modules\babel-runtime\node_modules\core-js
> node scripts/postinstall || echo "ignore"


> core-js@3.2.1 postinstall C:\src\Angular\bootstrap-demo\node_modules\core-js
> node scripts/postinstall || echo "ignore"


> core-js@2.6.9 postinstall C:\src\Angular\bootstrap-demo\node_modules\karma\node_modules\core-js
> node scripts/postinstall || echo "ignore"


> @angular/cli@8.3.8 postinstall C:\src\Angular\bootstrap-demo\node_modules\@angular\cli
> node ./bin/postinstall/script.js

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.9 (node_modules\webpack-dev-server\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.9: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.9 (node_modules\watchpack\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.9: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.9 (node_modules\karma\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.9: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.9 (node_modules\@angular\compiler-cli\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.9: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.1.0 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.1.0: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

added 1188 packages from 1051 contributors and audited 18849 packages in 135.885s
found 0 vulnerabilities

warning: LF will be replaced by CRLF in .editorconfig.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in .gitignore.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in README.md.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in angular.json.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in browserslist.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in e2e/protractor.conf.js.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in e2e/src/app.e2e-spec.ts.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in e2e/src/app.po.ts.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in e2e/tsconfig.json.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in karma.conf.js.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in package-lock.json.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in package.json.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/app/app-routing.module.ts.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/app/app.component.html.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/app/app.component.spec.ts.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/app/app.component.ts.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/app/app.module.ts.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/environments/environment.prod.ts.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/environments/environment.ts.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/index.html.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/main.ts.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/polyfills.ts.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/styles.css.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in src/test.ts.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in tsconfig.app.json.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in tsconfig.json.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in tsconfig.spec.json.
The file will have its original line endings in your working directory
warning: LF will be replaced by CRLF in tslint.json.
The file will have its original line endings in your working directory
    Successfully initialized git.

Install bootstrap