Difference between revisions of "Angular Notes"

From PeformIQ Upgrade
Jump to navigation Jump to search
 
Line 4: Line 4:
* https://medium.com/@beeman/tutorial-styling-angular-cli-v6-apps-with-bootstrap-8d4f8ea5adae
* https://medium.com/@beeman/tutorial-styling-angular-cli-v6-apps-with-bootstrap-8d4f8ea5adae


=Using ng-cli=


Download and install NodeJS
Then install the CLI:
<pre>
> npm install -g @angular/cli
</pre>
==Create a New Application==
<pre>
I:\Angular>ng new bare-app
? Would you like to add Angular routing? Yes
? Which stylesheet format would you like to use? CSS    (.css )
CREATE bare-app/angular.json (3825 bytes)
CREATE bare-app/package.json (1307 bytes)
CREATE bare-app/README.md (1024 bytes)
CREATE bare-app/tsconfig.json (435 bytes)
CREATE bare-app/tslint.json (1621 bytes)
CREATE bare-app/.editorconfig (246 bytes)
CREATE bare-app/.gitignore (629 bytes)
CREATE bare-app/src/favicon.ico (5430 bytes)
CREATE bare-app/src/index.html (294 bytes)
CREATE bare-app/src/main.ts (372 bytes)
CREATE bare-app/src/polyfills.ts (2841 bytes)
CREATE bare-app/src/styles.css (80 bytes)
CREATE bare-app/src/test.ts (642 bytes)
CREATE bare-app/src/browserslist (388 bytes)
CREATE bare-app/src/karma.conf.js (1021 bytes)
CREATE bare-app/src/tsconfig.app.json (166 bytes)
CREATE bare-app/src/tsconfig.spec.json (256 bytes)
CREATE bare-app/src/tslint.json (314 bytes)
CREATE bare-app/src/assets/.gitkeep (0 bytes)
CREATE bare-app/src/environments/environment.prod.ts (51 bytes)
CREATE bare-app/src/environments/environment.ts (662 bytes)
CREATE bare-app/src/app/app-routing.module.ts (245 bytes)
CREATE bare-app/src/app/app.module.ts (393 bytes)
CREATE bare-app/src/app/app.component.html (1152 bytes)
CREATE bare-app/src/app/app.component.spec.ts (1101 bytes)
CREATE bare-app/src/app/app.component.ts (212 bytes)
CREATE bare-app/src/app/app.component.css (0 bytes)
CREATE bare-app/e2e/protractor.conf.js (752 bytes)
CREATE bare-app/e2e/tsconfig.e2e.json (213 bytes)
CREATE bare-app/e2e/src/app.e2e-spec.ts (637 bytes)
CREATE bare-app/e2e/src/app.po.ts (251 bytes)
> node-sass@4.11.0 install I:\Angular\bare-app\node_modules\node-sass
> node scripts/install.js
Downloading binary from https://github.com/sass/node-sass/releases/download/v4.11.0/win32-x64-67_binding.node
Download complete  ] - :
Binary saved to I:\Angular\bare-app\node_modules\node-sass\vendor\win32-x64-67\binding.node
Caching binary to C:\Users\plh\AppData\Roaming\npm-cache\node-sass\4.11.0\win32-x64-67_binding.node
> node-sass@4.11.0 postinstall I:\Angular\bare-app\node_modules\node-sass
> node scripts/build.js
Binary found at I:\Angular\bare-app\node_modules\node-sass\vendor\win32-x64-67\binding.node
Testing binary
Binary is fine
npm WARN rollback Rolling back readable-stream@2.3.6 failed (this is probably harmless): EPERM: operation not permitted, lstat 'I:\Angular\bare-app\node_modules\fsevents\node_modules'
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.7 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.7: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
added 1070 packages from 1027 contributors and audited 42607 packages in 445.647s
found 0 vulnerabilities
'git' is not recognized as an internal or external command,
operable program or batch file.
</pre>


[[Category:Angular]]
[[Category:Angular]]

Latest revision as of 19:30, 1 March 2019

Links

Using ng-cli

Download and install NodeJS

Then install the CLI:


> npm install -g @angular/cli

Create a New Application

I:\Angular>ng new bare-app
? Would you like to add Angular routing? Yes
? Which stylesheet format would you like to use? CSS    (.css )
CREATE bare-app/angular.json (3825 bytes)
CREATE bare-app/package.json (1307 bytes)
CREATE bare-app/README.md (1024 bytes)
CREATE bare-app/tsconfig.json (435 bytes)
CREATE bare-app/tslint.json (1621 bytes)
CREATE bare-app/.editorconfig (246 bytes)
CREATE bare-app/.gitignore (629 bytes)
CREATE bare-app/src/favicon.ico (5430 bytes)
CREATE bare-app/src/index.html (294 bytes)
CREATE bare-app/src/main.ts (372 bytes)
CREATE bare-app/src/polyfills.ts (2841 bytes)
CREATE bare-app/src/styles.css (80 bytes)
CREATE bare-app/src/test.ts (642 bytes)
CREATE bare-app/src/browserslist (388 bytes)
CREATE bare-app/src/karma.conf.js (1021 bytes)
CREATE bare-app/src/tsconfig.app.json (166 bytes)
CREATE bare-app/src/tsconfig.spec.json (256 bytes)
CREATE bare-app/src/tslint.json (314 bytes)
CREATE bare-app/src/assets/.gitkeep (0 bytes)
CREATE bare-app/src/environments/environment.prod.ts (51 bytes)
CREATE bare-app/src/environments/environment.ts (662 bytes)
CREATE bare-app/src/app/app-routing.module.ts (245 bytes)
CREATE bare-app/src/app/app.module.ts (393 bytes)
CREATE bare-app/src/app/app.component.html (1152 bytes)
CREATE bare-app/src/app/app.component.spec.ts (1101 bytes)
CREATE bare-app/src/app/app.component.ts (212 bytes)
CREATE bare-app/src/app/app.component.css (0 bytes)
CREATE bare-app/e2e/protractor.conf.js (752 bytes)
CREATE bare-app/e2e/tsconfig.e2e.json (213 bytes)
CREATE bare-app/e2e/src/app.e2e-spec.ts (637 bytes)
CREATE bare-app/e2e/src/app.po.ts (251 bytes)

> node-sass@4.11.0 install I:\Angular\bare-app\node_modules\node-sass
> node scripts/install.js

Downloading binary from https://github.com/sass/node-sass/releases/download/v4.11.0/win32-x64-67_binding.node
Download complete  ] - :
Binary saved to I:\Angular\bare-app\node_modules\node-sass\vendor\win32-x64-67\binding.node
Caching binary to C:\Users\plh\AppData\Roaming\npm-cache\node-sass\4.11.0\win32-x64-67_binding.node

> node-sass@4.11.0 postinstall I:\Angular\bare-app\node_modules\node-sass
> node scripts/build.js

Binary found at I:\Angular\bare-app\node_modules\node-sass\vendor\win32-x64-67\binding.node
Testing binary
Binary is fine
npm WARN rollback Rolling back readable-stream@2.3.6 failed (this is probably harmless): EPERM: operation not permitted, lstat 'I:\Angular\bare-app\node_modules\fsevents\node_modules'
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.7 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.7: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

added 1070 packages from 1027 contributors and audited 42607 packages in 445.647s
found 0 vulnerabilities

'git' is not recognized as an internal or external command,
operable program or batch file.