Kendo UI致力捷伊合作开发，来满足用户急速变动的市场需求。Kendo UI for Vue采用意在提升操控性和多样使用者新体验的Vue模块，协助合作开发者构筑新一代插件。它是为Vue控制技术架构提供更多需用的Kendo UI模块，以期更慢地构筑更快的Vue插件。
每一Kendo UI for Vue使主轴包都包涵主轴的示例，做为构筑操作过程的一小部分，您能修正示例并再次构筑主轴。比如能更动主轴色调、删掉未采用模块的 CSS 或采用某一主轴色调来增设插件的式样，主轴示例坐落于主轴包的 scss 配置文档中。
Kendo UI新一代测试版浏览
要采用主轴表达式构筑自订主轴，请应用领域下列下述方式：
（所推荐）采用插件的构筑操作过程——此种方式精简了对新模块和主轴包版的升级换代。采用主轴的构筑操作过程——此种方式明确要求您在每天预览主轴ZR19构筑主轴。
要赢得主轴的听觉自动预览，请采用ThemeBuilder插件，它有两个使用者亲善的介面，您能在其中自动预览大部份模块并试著多种不同色调样品。
采用插件的构筑操作过程
要采用Node Sass（它采用 LibSass），请运转npm install node-sass --save指示。要采用Dart Sass，请运转npm install sass --save指示。
透过此增设，您能间接在插件中自订主轴表达式，比如您能采用下列Maubourguet预设三原色从黄色更动为紫色：
dist/all文档为主轴中需用的大部份模块加进式样，要增大聚合的CSS大小不一，请仅引入您在插件中采用的模块源码，您能在 scss/ 配置文档中找出它。
采用主轴的构筑操作过程
尽管每一Kendo UI for Vue主轴都有两个专供的NPM包（比如，@progress/kendo-theme-default），但大部份主轴的源码都坐落于 kendo-themes 存储库中，存储库包涵将主轴源编译为 CSS 的构筑任务。要自订主轴，修正主轴的源码，并采用构筑任务为您的插件聚合 CSS 文档。此种方式避免了在编译 SCSS 时增设构筑配置的需要，但可能更难维护，因为每天预览主轴时都必须重复该操作过程。
注意：为了改进合作开发操作过程，每一主轴的先前独立 GitHub 存储库被合并到单个 kendo-themes 存储库中，并且各个存储库被存档。
采用色调自订主轴
样品是一组自订主轴外观的表达式。
每一样品都放置在两个单独的文档中，两个主轴可能包涵多个色调板。色调板对于创建多个持久的主轴变体很有用。.css 输出文档能跨项目共享，无需进一步处理。
要创建样品：
复制kendo-themes?GitHub 存储库。安装node-gyp。采用 npm install && npx lerna bootstrap 安装大部份主轴的依赖项。将工作目录切换到 packages/
比如，在 Material 主轴中创建两个带有下列行的蓝色-粉色-深色色调板：
对于 Default 和 Bootstrap 主轴，样品应如下所示：
自订源码
透过修正主轴源码创建自订主轴：
复制kendo-themes?GitHub 存储库。采用 npm install && npx lerna bootstrap 安装大部份主轴的依赖项。在 packages/THEME_NAME/scss/_variables.scss 文档中自订主轴表达式。采用 npm run sass 或 npm run dart 指示构筑主轴，以在 packages/THEME_NAME/dist/all.css 文档中创建主轴的自订版。构筑完成后，采用编译后的 CSS。
创建自订模块包
您可能希望在 CSS 输出中省略某些模块的式样，要仅包涵您需要的式样：
复制?kendo-themes?GitHub存储库。采用 npm install && npx lerna bootstrap 安装大部份主轴的依赖项。将工作目录切换到 packages/
要构筑文档，请导航到主轴配置文档并运转 gulp sass --file "scss/CUSTOM_THEME.scss"。在项目中包涵编译后的 CSS 文档，您能在 dist/CUSTOM_THEME.css 下找出它。
了解新一代Kendo UI新一代资讯，请关注Telerik中文网！
发表评论