Day 29 部署 package

注册帐号

首先要注册 npm 帐号

注册页面

注册完後,登入你的帐号

npm login

成功後会显示

logged in as {account} on https://registry.npmjs.org/.

发布

  • private 改成 false
  • 设定你的版本号,可以用下面指令修改版号

npm version major // 修改主版号
npm version minor // 修改次版本号
npm version patch // 修改最小版号

  • 加入相关资讯
{ 
  ...
  "private": false,
  "author": { "name": "edmond"},
  "repository": { "url": "https://github.com/teraui41/teraui-v0" },
  "keywords": [ "react", "ui"],
  ...
}
  • 执行指令
yarn publish --tag beta

会要输入 New version
结果如下:

Install package

yarn add tera-ui

Usage

import React from 'react';
import './App.css';
import { Button, ThemeProvider, theme } from 'tera-ui';

function App() {
  return (
    <div className="App">
      <ThemeProvider theme={theme}>
        <Button>Import From TERA UI</Button>
      </ThemeProvider>
    </div>
  );
}

export default App;

结果如下


<<:  [今晚我想来点 Express 佐 MVC 分层架构] DAY 29 - node.js 与线程 (下)

>>:  铁人赛29天 工具分享

[Day20]Native Speech Recognition

[Day20]Native Speech Recognition 需要用到的技巧与练习目标 Spee...

豆技巧到底实用不实用呢?

豆知识是指各种很琐碎、不成系统、缺乏逻辑连贯性的零碎条目知识。 像「随便在自己启动的Thread中更...

30天零负担轻松学会制作APP介面及设计【DAY 17】

大家好,我是YIYI,今天我要来制作记帐和报表的页面。 记帐页面 和制作前面的页面一样,先将BACK...

Day 05:「别过来!要保持社交距离!」 Tailwind 中的空间与距离

一次收两份作业的时候到罗! 没写作业的手伸出来,手心朝上!! 我! 再给你一天 XDDD 今天要做...

软件保证成熟度模型(SAMM)-安全冠军(Security Champion)

-SAMM 概述(来源:https : //owaspsamm.org) 软件保障成熟度模型(SA...