1.官网安装 | Element PlusA Vue 3 based component library for designers and developershttps://element-plus.gitee.io/zh-CN/guide/installation.html#%E4%BD%BF%E7%94%A8%E5%8C%85%E7%AE%A1%E7%90%86%E5%99%A8
npm install element-plus --save
2. 全局安装图标
npm install @element-plus/icons-vue
3. main.ts 使用 ElementPlus插件
import { createApp } from 'vue'import App from './App.vue'
//加入路由import router from './router/index';//导入storeimport store from './store/index'
//使用ElementPlus插件import ElementPlus from 'element-plus'//引用ElementPlus样式import 'element-plus/dist/index.css'import * as ElementPlusIconsVue from '@element-plus/icons-vue'
const app=createApp(App)//全局导入饿了么图标for (const [key, component] of Object.entries(ElementPlusIconsVue)) { app.component(key, component) }app.use(router)//并通过use,使用路由app.use(store)//使用ElementPlus插件app.use(ElementPlus)app.mount('#app')import { createApp } from 'vue'
import App from './App.vue'//加入路由
import router from './router/index';
//导入store
import store from './store/index'//使用ElementPlus插件
import ElementPlus from 'element-plus'
//引用ElementPlus样式
import 'element-plus/dist/index.css'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'const app=createApp(App)
//全局导入饿了么图标
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {app.component(key, component)}
app.use(router)
//并通过use,使用路由
app.use(store)
//使用ElementPlus插件
app.use(ElementPlus)
app.mount('#app')
4.正则表达式在线测试|菜鸟工具
正则表达式在线测试 | 菜鸟工具一、校验数字的表达式 数字:^[0-9]*$ n位的数字:^\d{n}$ 至少n位的数字:^\d{n,}$ m-n位的数字:^\d{m,n}$ 零和非零开头的数字:^(0|[1-9][0-9]*)$ 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(\.[0-9]{1,2})?$ 带1-2位小数的正数或负数:^(\-)?\d+(\.\d{1,2})$ 正数、负数、和小数:^(\-|\+)?\d+(\.\..https://www.jyshare.com/front-end/854/