npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@shuyun-ep-team/d2c

v1.2.1

Published

UI sketch 设计稿再到前端主题配置, 即 Design2Code (简称 D2C)

Downloads

19

Readme

麒麟 CRM Design to Customer(以下简称 D2C)

简介

在一个常见的开发周期中往往遵循着产品需求到交互稿到设计稿再到前端开发的过程。所以在 Design to Customer (简称 D2C) 项目过程中,设计师负责来设计产品视觉效果和产出视觉设计稿,而前端开发工程师以设计稿为输入进行开发。所以在前端智能化的过程中,我们需要一种能自动解析设计稿信息的能力来替代传统的人工分析和抠图等繁琐的工作。D2C 就是为此而设计出来的,在企业级团队中就是通过 D2C 将设计稿中的视觉效果转换为开发团队的基础配置。从而统一整个产品的视觉效果,并使其项目更灵活可控。

安装

npm i @shuyun-ep-team/d2c
yarn add @shuyun-ep-team/d2c

参数

Usage: shuyun-d2c [options]

Options:
  -V, --version          output the version number
  -f, --file <file>      sketch 文件路径, 默认为:./design/ui.sketch (default: "./design/ui.sketch")
  -o, --output <dir>     输出路径, 默认为:./theme (default: "./themes")
  -t, --type <type>      编译类型,仅支持 ts,js,less,scss,json 中的一种或多种,多种请用英文字符 ","分割, 默认为: ts (default: "ts")
  -h, --help             output usage information

本地开发

克隆项目到本地:

$ git clone http://gitlab.shuyun.com/research-and-development-1/front-end-engineering/shuyun-ep-team/kylin-d2c.git
$ cd shuyun-ep-team/kylin-d2c
$ npm i
$ npm start

开发计划

开发计划