ng-xdesign-test

start

npm install ng-xdesign-test@latest

import { NbButtonModule } from "ng-xdesign-test";
@NgModule({
    imports: [
        NbButtonModule
    ]
})

<button nb-button></button>

develop

$ npm install

$ npm start

commit

include git commit and git push

npm run commit -- -m 'type(scope): subject'

AngularJS Git Commit Message Conventions

lint

$ npm run lint

test

npm run test-once

or

npm run test-watch

e2e

npm run e2e

build

npm run build

release workflow

merge develop

git checkout master
git merge develop

release

npm run release

发布之后，可以去 travis 查看最新的发布情况。

如果没有问题，过几分钟后，travis 任务会自动推送最新的版本到 npm

merge master and push

git checkout develop
git merge master
npm run commit -- -m 'type(scope): subject'

Compose a component

Component code are in src/component.

You can use npm run gc to quickly scafford a component.

$ npm run gc -- --name your-component

A your-component folder will be created in src/component, and the contents are:

your-component
├── index.ts
├── public_api.ts
├── your-component.config.ts
├── your-component.html
├── your-component.less
├── your-component.module.ts
└── your-component.ts

and it will add your component entry to src/component/index.ts.

Write a demo for your component

You can then write a demo to test your component in src/demo.

When you use npm run gc -- --name your-component, a folder will be generated in src/demo too.

your-component
├── index.ts
├── your-component.html
├── your-component.less
└── your-component.ts

But you will still config the src/demo/app.router.ts and src/demo/app.module.ts.