Cheatography
https://cheatography.com
Installation
pre-requirement |
NodeJS, npm, AngularCLI, IDE |
update |
ng update @angular/cli @angular/core |
version check |
node -v && npm -v && ng version |
Project Setup
creating app |
ng new my-app |
app folder |
cd my-app |
run app |
ng serve |
run app custom |
ng serve --host 0.0.0.0 –port 4205 |
|
|
|
|
app/ Structure
app.module.ts |
explain the usage of the libraries. They are imported and saved into variables such as declarations, imports, providers, and bootstrap. |
app.component.html |
html code for the app is in this file. |
app.component.spec.ts |
contain unit tests for source component. |
app.component.ts |
class for the component is defined. do the processing of the html structure in the .ts file. |
app-routing.module.ts |
deal with the routing. connected with the main module, app.module.ts. |
src/ Structure
app/ |
application folder that stores components of the application. |
assets/ |
images, js files |
environment/ |
details of whether the final file should be compiled in the production environment or the dev environment. |
index.html |
file which is displayed in the browser. |
main.ts |
importing the basic modules and setup. |
polyfills.ts |
used for backward compatibility. |
test.ts |
unit test cases for testing the project will be handled. |
styles.css |
style file required for the project. |
favicon.ico |
site icon file |
tsconfig.app.json |
config details that need to be used to run the application. |
tsconfig.spec.json |
helps maintain the details for testing. |
typings.d.ts |
manage the Typescript definition. |
Folder Structure
e2e/ |
end to end test folder. Mainly e2e is used for integration testing and helps ensure the application works fine. |
node_modules/ |
the npm package installed node_modules. Stores packages available. |
src/ |
folder where work on the project.app/ folder created during the project setup and holds all the required files required for the project. |
angular.json |
holds the project name, version of cli, etc. |
.editorconfig |
config file for the editor |
.gitignore |
file should be committed into the repository, in order to share the ignore rules with any other users that clone the repository. |
package.json |
file tells which libraries will be installed into node_modules when you run npm install. |
tsconfig.json |
contains the compiler options required during compilation. |
tslint.json |
config file with rules to be considered while compiling. |
|
Created By
https://blackvisionlab.com
Metadata
Comments
No comments yet. Add yours below!
Add a Comment
Related Cheat Sheets