lhq-ui v0.1.0

作业要求：

1. 自己写一个带简单UI和交互的小组件，基于vue
2. 发布到npm，合理规范配置package.json
3. 做一个demo，引用自己发布的组件，并可以正常演示

创建项目

1. vue create project-name 创建项目
2. 调整文件夹
   • examples （原src文件夹，用于示例展示）
   • packages （组件文件夹）
3. 调整配置--vue.config.js

编写组件

组件编写完成后，可以在 examples 中进行测试。

组件打包

package.json文件编写

• name: 包名，该名字是唯一的。可在 npm 官网搜索名字，如果存在则需换个名字。
• version: 版本号，每次发布至 npm 需要修改版本号，不能和历史版本号相同。
• description: 描述。
• main: 入口文件，该字段需指向我们最终编译后的包文件。
• keyword：关键字，以空格分离希望用户最终搜索的词。
• author：作者
• private：是否私有，需要修改为 false 才能发布到 npm。
• license：开源协议。MIT协议允许使用、复制、修改、合并、出版、分发、再授权和销售软件，但是不提供任何形式的保证或担保。

添加打包命令：

"lib": "vue-cli-service build --target lib --name lhq-ui --dest lib packages/index.js"

• vue-cli-service build 构建包的命令
• --target: 构建目标，默认为应用模式。这里修改为 lib 启用库模式。
• --name：指定编译后的组件文件名字。
• --dest : 输出目录，修改为lib。 最后一个参数为入口文件，默认为 src/App.vue。这里我们指定编译 packages/ 组件库目录。 然后运行 npm run lib

上传到官网

1. 添加 .npmignore 文件
2. 注册登录 npm 账号