This angular starter allows to begin a new app using Angular 15.
This project was angular starter generated with Angular CLI version 15.2.0.
To run your project locally, you need the following installed:
- Run
git clone [email protected]:SUtengda/angular-starter.gitorgit clone --branch=feat/clean [email protected]:SUtengda/angular-starter.gitwhere I kept only necessary code to run application. - Delete folder
.gitof project (cd angular-starterthenrm -rf .git) - Re run
git initif necessary
or just download zip folder
Angular-cli doesn't do renaming, you should manually modify it.
- Open
angular.jsonandpackage.jsonfile - Replace all occurrences of the old name which is angular-starter
- Rename project folder name
- If
node_modulesfolder exist, delete it and reinstall the package
Run npm i to install the required libraries.
Then run ng serve
Run ng test to execute the example unit tests
angular-scss-start
├─ 📁src
│ ├─ 📁app
│ │ ├─ 📁cart
│ │ │ ├─ 📁pipes
│ │ │ │ ├─ 📄totalPriceWithTax.pipe.spec.ts
│ │ │ │ ├─ 📄totalPriceWithTax.pipe.ts
│ │ │ │ ├─ 📄totalTax.pipe.spec.ts
│ │ │ │ └─ 📄totalTax.pipe.ts
│ │ │ ├─ 📄cart-routing.module.ts
│ │ │ ├─ 📄cart.component.html
│ │ │ ├─ 📄cart.component.scss
│ │ │ ├─ 📄cart.component.spec.ts
│ │ │ ├─ 📄cart.component.ts
│ │ │ └─ 📄cart.module.ts
│ │ ├─ 📁products * This directory contains components
│ │ │ ├─ 📁components
│ │ │ │ └─ 📁product
│ │ │ │ ├─ 📄product.component.html
│ │ │ │ ├─ 📄product.component.scss
│ │ │ │ ├─ 📄product.component.spec.ts
│ │ │ │ └─ 📄product.component.ts
│ │ │ ├─ 📁models
│ │ │ │ └─ 📄products.interfaces.ts
│ │ │ ├─ 📁pipes
│ │ │ │ ├─ 📄filter.pipe.spec.ts
│ │ │ │ ├─ 📄filter.pipe.ts
│ │ │ │ ├─ 📄totalProductCount.pipe.spec.ts
│ │ │ │ ├─ 📄totalProductCount.pipe.ts
│ │ │ │ ├─ 📄uniqueCategories.pipe.spec.ts
│ │ │ │ └─ 📄uniqueCategories.pipe.ts
│ │ │ ├─ 📄products.component.html
│ │ │ ├─ 📄products.component.scss
│ │ │ ├─ 📄products.component.spec.ts
│ │ │ ├─ 📄products.component.ts
│ │ │ └─ 📄products.module.ts
│ │ ├─ 📁shared * This directory contains services, guards, models, and any other shared code that is used throughout the application.
│ │ │ ├─ 📁consts
│ │ │ │ └─ 📄common.ts
│ │ │ ├─ 📁models
│ │ │ │ └─ 📄product.model.ts
│ │ │ ├─ 📁page-not-found
│ │ │ │ └─ 📄page-not-found.component.ts
│ │ │ ├─ 📁pipes
│ │ │ │ └─ 📄priceWithTax.pipe.ts
│ │ │ ├─ 📁services
│ │ │ │ ├─ 📄cart.service.spec.ts
│ │ │ │ ├─ 📄cart.service.ts
│ │ │ │ ├─ 📄products.service.spec.ts
│ │ │ │ └─ 📄products.service.ts
│ │ │ ├─ 📁utils
│ │ │ │ ├─ 📄calc-tax.spec.ts
│ │ │ │ └─ 📄calc-tax.ts
│ │ │ └─ 📄shared.module.ts
│ │ ├─ 📄app-routing.module.ts
│ │ ├─ 📄app.component.html
│ │ ├─ 📄app.component.scss
│ │ ├─ 📄app.component.spec.ts
│ │ ├─ 📄app.component.ts
│ │ └─ 📄app.module.ts
│ ├─ 📁assets
│ │ ├─ 📁styles
│ │ │ ├─ 📄_breakpoint.scss
│ │ │ ├─ 📄_colors.scss
│ │ │ └─ 📄_mixin.scss
│ │ ├─ 📄.gitkeep
│ │ └─ 📄products.json
│ ├─ 📁environments
│ │ ├─ 📁utils
│ │ │ ├─ 📄endpoints.ts * register backend api route here
│ │ │ └─ 📄env.model.ts * this file declare types of endpoint
│ │ ├─ 📄environment.prod.ts
│ │ └─ 📄environment.ts
│ ├─ 📄favicon.ico
│ ├─ 📄index.html
│ ├─ 📄main.ts
│ └─ 📄styles.scss
├─ 📄.editorconfig
├─ 📄.eslintrc.json
├─ 📄.gitignore
├─ 📄README.md
├─ 📄angular.json
├─ 📄package-lock.json
├─ 📄package.json
├─ 📄tsconfig.app.json
├─ 📄tsconfig.json
└─ 📄tsconfig.spec.json
Run ng serve for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.
npx npm-check-updates --upgrade --target "minor" --filter "/@angular.*/"Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.
Run ng build to build the project. The build artifacts will be stored in the dist/ directory.
Run npm run build:prod to build the project on mode production
Run ng test to execute the unit tests via Karma.
Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent