从零开始一个vue组件库

搭建工程

本次抛弃了npm，使用yarn来管理依赖包。后面的命令都是基于yarn的，npm的基本也是下面的流程，只不过命令上稍有区别。

项目目录结构

|--config                // 其他配置，如webpack等
|--example               // 示例
|--lib                   // 组件
|--src                   // script代码
|--test                  // 单元测试
|--.gitignore            // git配置
|--.npmignore            // npm发布配置
|--karma.conf.js         // 单元测试配置文件
|--package.json          // 包依赖
|--README.md             // 项目说明
|--yarn.lock             // yarn安装依赖包生成的文件

1. example示例工程，就使用vue-cli生成一个普通的工程即可；
2. 组件中如果有依赖其他的包，使用yarn add xxx；
3. 如果是测试的过程中用到的包，使用yarn add --dev xxx安装，这样可以避免别人安装你的组件的时候会把测试的依赖包也给下载下来。

本地调试

• 命令行进入项目根目录；
• 执行yarn link可以看到如下输出

success Registered "xxx".
info You can now run `yarn link "xxx"` in</