开源软件名称:kpc
开源软件地址:https://gitee.com/javey/kpc
开源软件介绍:
English | 简体中文 特性浏览器支持IE / Edge | Firefox | Chrome | Safari | Opera |
---|
IE10, IE11, Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
Vue安装npm install kpc-vue --save 使用<template> <Button>Hello</Button></template><script>import {Button} from 'kpc-vue';export default { components: { Button }}</script> React安装npm install kpc-react --save 使用import React from 'react';import {Button} from 'kpc-react';class App extends React.Component { render() { return <Button>Hello</Button> }} Intact安装使用import {Button} from 'kpc';<Button>Hello</Button> Angular 详情安装npm install kpc-angular -S 配置webpack.config.js Angular CLI 初始化的项目必须使用@angular-builders/custom-webapck 来配置webpack const path = require('path');module.exports = function(config) { config.module.rules.find(rule => { if (rule.test.toString() === '/\\.css$/') { rule.exclude.push(path.resolve(__dirname, 'node_modules/kpc-angular')); return true; } }); return config;}; 使用src/app/app.module.ts
import { KpcBrowserModule, KpcModule } from 'kpc-angular';import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';import { AppRoutingModule } from './app-routing.module';import { AppComponent } from './app.component';@NgModule({ declarations: [ AppComponent ], imports: [ KpcBrowserModule, AppRoutingModule, KpcModule, ], providers: [], bootstrap: [AppComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA]})export class AppModule { } import { Component, ViewEncapsulation } from '@angular/core';import { MessageComponent } from 'kpc-angular';@Component({ selector: 'app-root', template: ` <k-button type="primary" (click)="onClick()">Hello World</k-button> `, style: ` .k-button { margin: 10px; } `, encapsulation: ViewEncapsulation.None,})export class AppComponent { onClick() { MessageComponent.success('Welcome to kpc world!'); }} 即时反馈欢迎加入QQ群反馈问题和获得即时帮助,QQ群:529739732 链接开发需要node@10 以及[email protected] 以上
git clone https://github.com/ksc-fe/kpc.gitcd kpcnpm installnpm run dev:doc# 测试npm run test# 更新测试快照npm run snapshot# 部署文档npm run deploy:doc# 发版npm run release 许可MIT |
请发表评论