iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 29
1

註冊帳號

首先要註冊 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;

結果如下


上一篇
Day 28 建立 RWD media query breakpoint
下一篇
Day 30 建立 Dashboard 與部屬 storybook
系列文
30 天來點 Design System30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言