Difference between revisions of "Setting up an Angular 8 Application using Bootstrap"
Jump to navigation
Jump to search
PeterHarding (talk | contribs) |
PeterHarding (talk | contribs) |
||
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 ( | CREATE bootstrap-demo/angular.json (3657 bytes) | ||
CREATE bootstrap/package.json ( | CREATE bootstrap-demo/package.json (1288 bytes) | ||
CREATE bootstrap/README.md ( | 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 ( | 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 ( | 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 ( | CREATE bootstrap-demo/src/app/app.component.spec.ts (1122 bytes) | ||
CREATE bootstrap/src/app/app.component.ts ( | 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 ( | 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 | 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