首页 > 其他分享 >element-plus 安装

element-plus 安装

时间:2022-12-08 19:08:51浏览次数:73  
标签:vue locale app element plus import 安装


下载 element-plus

快速搭建·

​https://github.com/element-plus/element-plus-vite-starter​

vue create elem-app

 

element-plus 安装_Vue

 

 

 

 回车选vue3

 

 

element-plus 安装_App_02

 之后一路回车

cd 到app目录

vue add element-plus

选 fully import

element-plus 安装_css_03

 

 

 前面应该遇到过,这里注意(y/N) 大写N意思是回车时默认选N

element-plus 安装_App_04

 

 选zh-ch

element-plus 安装_css_05

 完成

运行

npm run serve

 

 

TS安装

创建时勾选ts

修改main.ts文件, /plugins/element.js不需要用了

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
//import installElementPlus from './plugins/element.js'

import ElementPlus from 'element-plus'
import 'element-plus/lib/theme-chalk/index.css'
import locale from 'element-plus/lib/locale/lang/zh-cn'
const app = createApp(App)
//installElementPlus(app)
app.use(ElementPlus, { locale }).use(store).use(router).mount('#app')

 



标签:vue,locale,app,element,plus,import,安装
From: https://blog.51cto.com/u_13854953/5923110

相关文章

  • git 安装
    一、下载及安装下载 git2.14.164bit​​https://git-for-windows.github.io/(官网下载不动)​​https://git-scm.com/book/zh/v1(说明文档)安装   next下一步   ......
  • Kotlin 安装
    官网​​https://kotlinlang.org/​​ 1.安装jdk配置环境变量 2.安装kotlin编译器下载编译器 kotlin-compiler ​​https://github.com/JetBrains/kotlin/releases​​......
  • (1)安装Xamarin
    ()一、安装1.安装xamarin 2.下载jdk8​​https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html​​  3.androidsdk下载​​http://ww......
  • Docker学习笔记十:Docker安装Nginx
    准备下载命令:dockerpullnginx安装可参考Docker Hub官网说明的镜像的用法  安装 第一步:简单安装创建容器命令:dockerrun-d--name=nginx-p8111:8080......
  • Docker安装minio
    hub地址:https://hub.docker.com/r/minio/minio1.拉取镜像dockerpullminio/minio2.创建容器dockerrun-p9000:9000-p9090:9090--nameminio-d--restart=alw......
  • linux系统怎么安装宝塔面板
    linux系统怎么安装宝塔面板​怎么安装宝塔面板?这个其实很简单接下来跟着我操作:以linuxcentos7.6举例​Centos安装脚本:​yuminstall-ywget&&wget-Oinstall.shhttp......
  • VUE element-ui表格 实现滚动到底部加载更多数据
    原文链接:https://blog.51cto.com/u_15301254/4842790vue:<el-tableheight="600":data="visibleData"......
  • 看文档elementui 转 element ui中的
    看文档elementUI文档 当中&是什么用途? 安然亦智css学习杂记 1、css中的&语法&是sass的语法,代表上一级选择器。例如:12345678.e......
  • docker-compose安装apollo(arm64版本)
    docker-compose.yamlcat>docker-compose.yaml<<EOFversion:"3"services:apollo-configservice:##容器服务名c......
  • 安装zookeeper客户端可视化工具ZooInspector。
    下载:下载地址:​​https://issues.apache.org/jira/secure/attachment/12436620/ZooInspector.zip;​​解压:下载完后解压压缩包,打开地址为ZooInspector\build\zookeeper-dev-Z......