组件开发

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. 测试