快速开始
# 快速开始
# 使用 CDN 引入
# 引入 JS 和 CSS
在 HTML 文件中直接引入:
<!-- 引入样式 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vue-super-crud@1.7.1/lib/index.css">
<!-- 引入组件库 -->
<script src="https://cdn.jsdelivr.net/npm/vue-super-crud@1.7.1/lib/super-crud.min.js"></script>
# 使用 npm 安装
如果你使用 npm 管理项目,可以通过以下命令安装:
npm install vue-super-crud
然后在项目中引入:
import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import SuperCrud from 'vue-super-crud'
import 'vue-super-crud/lib/index.css'
Vue.use(ElementUI)
Vue.use(SuperCrud, {
// 全局配置
})
# 本地引入
如果你希望手动管理文件,可以:
- 使用
npm run build
打包最新组件文件 - 从
lib
目录获取打包好的文件:super-crud.min.js
index.css
- 将文件放入你项目的
public/superCrud
或其他静态资源目录 - 在项目中引入:
import SuperCrud from "/public/superCrud/super-crud.min.js"
import "/public/superCrud/index.css"
Vue.use(SuperCrud, {
// 全局配置
})
# 注意事项
- 使用前请确保已引入 Vue 和 Element UI