1.0.0 • Published 4 years ago

alexmercersssui v1.0.0

Weekly downloads
7
License
-
Repository
-
Last release
4 years ago

组件开发

  1. 开发Button组件

    1. 显示不同颜色 type决定
    2. 禁用状态 disabled
    3. 带图标的 icon
    4. 加载状态 loading
    5. 能接受事件、(自定义事件实现) 开发Icon组件
    6. 用iconfont字体图标库中的图标 使用了symbol形式的,参考地址:https://www.iconfont.cn/help/detail?spm=a313x.7781069.1998910419.d8cf4382a&helptype=code
      1. 第一步:拷贝项目下面生成的symbol代码
      2. 第二步:加入通用css代码(引入一次就行):
      3. 第三步:挑选相应图标并获取类名,应用于页面:
  2. 发布

    1. 打包,把开发的组件打包成一个组件库 参考vue-cli 构建目标 你可以通过下面的命令将一个单独的入口构建为一个库: vue-cli-service build --target lib --name myLib entry
    2. 修改package.json files:'dist' 要发布到npm的内容 main:'./dist/shang-ui.umd.min.js' 入口文件 private:false 必须修改为false,才能向npm发布 version:1.0.0 版本号,每次发布版本号都不能相同
    3. 创建一个 .npmignore 配置文件 这个一个发布npm包的忽略文件
    4. 通过控制台命令登录npm
      1. 把npm切换到官方源上(nrm use npm)
      2. npm login 登录 用户名 密码 邮箱 成功标识:Logged in as yizhuguniang on https://registry.npmjs.org/.
      3. 发布命令 npm publish
  3. 测试

1.0.0

4 years ago

0.1.0

4 years ago