从 mengyue-plus 迁移至 mengyue-components

该指南为切换与代码的调整步骤，组件API变更请阅读文档

1. 卸载旧版本

npm

npm remove mengyue-plus

pnpm

pnpm remove mengyue-plus

yarn

yarn remove mengyue-plus

package.json删除

也可以在pakage.json中删除mengyue-plus

{
  "dependencies": {
    "mengyue-plus": "^0.0.67",  # 删除这一行
    "vue": "^3.5.13",
    "vue-router": "^4.5.1"
  },
}

使用命令更新

npm

npm install

pnpm

pnpm install

yarn

yarn install

2. 安装正式版

npm

npm remove mengyue-components

pnpm

pnpm remove mengyue-components

yarn

yarn remove mengyue-components

3.修改 packge.json

检查package.json中是否在dependencies或 devDependencies内残留mengyue-plus,如有手动删除，确保仅保留mengyue-components 删除后，执行npm install或pnpm install或yarn install

注意: mengyue-components和mengyue-plus可以共存，但没有必要这样做，也没必要共存。

4. 更新入口文件

全局更新

以vue3中的入口文件main.js/ts

typescript

import { createApp } from 'vue'
import App from './App.vue'
/ **
 * 删除mengyue-plus的写法，使用mengyue-components
 */
// import mengyuePlus from 'mengyue-plus'
// import 'mengyue-plus/style.css'
import mengyueComponents from 'mengyue-components'
import 'mengyue-components/style.css'

const app = createApp(App)
// 去掉mengyue-plus的写法,使用mengyue-components
// app.use(mengyuePlus)
app.use(mengyueComponents)
app.mount('#app')

局部组件

如果是以局部导入的方式使用mengyue-plus，需要手动将所有mengyue-plus组件的写法改为mengyue-components

from 'mengyue-plus' ==> from 'mengyue-components'

5. 运行验证

执行启动命令

npm

npm run dev

pnpm

pnpm run dev