快速上手
最简单的使用方式参照以下 StackBlitz 演示,也推荐 Fork 本例来进行 ,注意不要在实际项目中这样使用。
实际项目开发中,你会需要对 TypeScript 代码的构建、调试、代理、打包部署等一系列工程化的需求。 我们强烈建议使用官方的 @angular/cli
工具链辅助进行开发,下面我们用一个简单的实例来说明。
2. 创建一个项目
执行以下命令,@angular/cli
会在当前目录下新建一个名称为 PROJECT-NAME
的文件夹,并自动安装好相应依赖。
$ ng new PROJECT-NAME
进入项目文件夹,执行以下命令后将自动完成 的初始化配置,包括引入国际化文件,导入模块,引入样式文件等工作。
开发者可以通过增加参数来完成个性化的初始化配置,例如国际化或者自定义主题等,详细可以参考 脚手架 部分。
4. 开发调试
一键启动调试,运行成功后显示欢迎页面。
$ ng serve --port 0 --open
入口文件会构建到 dist
目录中,你可以自由部署到不同环境中进行引用。
如果想自己维护工作流,理论上你可以利用 Angular 生态圈中的 各种脚手架进行开发,如果遇到问题可参考我们所使用的 进行定制。
1. 安装组件
$ npm install ng-zorro-antd-mobile --save
这样就成功在全局引入了 ng-zorro-antd-mobile
。
3. 引入样式
在angular.json
中引入 node_modules/ng-zorro-antd-mobile/src/ng-zorro-antd-mobile.min.css
文件。如果需要自定义主题样式,请参考自定义主题部分。
{
"src/favicon.ico",
"src/assets"
],
"styles": [
"node_modules/ng-zorro-antd-mobile/src/ng-zorro-antd-mobile.min.css",
"src/styles.css"
],