Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yasu-s/ng-seed-to-cli
Angular SeedをAngular CLI化
https://github.com/yasu-s/ng-seed-to-cli
angular angular-cli angular-seed jasmine karma typescript vscode
Last synced: 6 days ago
JSON representation
Angular SeedをAngular CLI化
- Host: GitHub
- URL: https://github.com/yasu-s/ng-seed-to-cli
- Owner: yasu-s
- License: mit
- Created: 2018-06-20T12:26:04.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2018-07-28T02:11:49.000Z (over 6 years ago)
- Last Synced: 2024-10-29T22:08:25.820Z (about 2 months ago)
- Topics: angular, angular-cli, angular-seed, jasmine, karma, typescript, vscode
- Language: TypeScript
- Size: 674 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Overview
Sample project to migrate project created with Angular Seed to Angular CLI.
# System requirements
* Node.js 8.x
* Angular 6.x
* Visual Studio Code 1.20 or higher
* Extension Debugger for Chrome
# Operation check
## 1. Download Sample
```
git clone [email protected]:yasu-s/ng-seed-to-cli.git
```
## 2. Installing packages
```
cd ng-seed-to-cli
npm install
```
## 3. Launch sample application
### Launch Angular Seed
```
npm start
```
### Launch Angular CLI
```
npm run ng:serve
```
# NPM Script list
## Angular Seed
Command
Overview
npm start
Execute debugging.
npm run test
The unit test is executed.
npm run karma.start-debug
npm run test after execution, debugging can be executed.
## Angular CLI
Command
Overview
npm run ng:serve
Execute debugging.
npm run ng:test
The unit test is executed.
# Debugging with Visual Studio Code
## Angular Seed
1. `npm start` or `npm run karma.start-debug` to start.
1. Run debugging with `Attach to Chrome - Angular Seed` from the debug menu of Visual Studio Code.
## Angular CLI
1. `npm run ng:serve` or `npm run ng:test` to start.
1. Run debugging with `Attach to Chrome - Angular CLI` from the debug menu of Visual Studio Code.
# Changes from Angular Seed
## package.json
Add the following to devDependencies.
* @angular/cli
* @angular-devkit/build-angular
* typescript
### Add Angular CLI related files
#### For build
* angular.json
* config/ng-cli/index.html
* config/ng-cli/main.ts
* config/ng-cli/polyfills.ts
* config/ng-cli/tsconfig.app.json
#### For test
* angular.json
* config/ng-cli/test.ts
* config/ng-cli/polyfills.ts
* config/ng-cli/tsconfig.spec.json
### Angular Seed configuration file replacement
Since Angular CLI will be a build error, replace the configuration file at build time.
```
"fileReplacements": [
{
"replace": "src/client/app/shared/config/env.config.ts",
"with": "src/client/app/shared/config/env.config.test.ts"
}
]
```
# Reference URL
* Angular Seed: https://github.com/mgechev/angular-seed
* Angular CLI: https://cli.angular.io/