当前位置: 首页 > news >正文

vue element-ui 工程创建

vue element-ui 工程创建

按照步骤 :

https://blog.csdn.net/wowocpp/article/details/146590400
创建工程
vue create demo3
cd demo3
npm run serve
在demo3 目录里面 执行如下命令

npm install element-ui -S

然后查看 package.json
在这里插入图片描述
在这里插入图片描述
main.js
添加代码:

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)

在这里插入图片描述
修改 HelloWorld.vue

<el-button type="primary"> 主要按钮 </el-button>

在这里插入图片描述
运行 看效果 npm run serve
在这里插入图片描述

http://www.dtcms.com/a/104002.html

相关文章:

  • Unity:EasyRoad3D插件学习 二期
  • 学有所记- 探索FastAPI在docker上的部署
  • vLLM 部署 openai whisper 模型实现语音转文字
  • C语言基础:弟11天笔记
  • ubuntu20.04 APT 安装MySQL Community Server 8
  • vue create 与 vue init webpack 的 区别
  • 游戏搭建云服务器配置推荐
  • PyTorch --torch.cat张量拼接原理
  • 前端er在Cursor使用MCP实现精选照片的快速上手教程
  • AISTATS 2025 | ChronosX:利用外生变量调整预训练时间序列模型
  • Fnos 飞牛Nas安装桌面环境 gnome和KDE桌面- All in One 笔记~1
  • Dubbo(25)如何配置Dubbo的协议和端口?
  • 【减小图片打包体积】image-webpack-loader
  • MySQL--数据备份
  • 实时数据流处理利器:Apache Storm 在大数据中的应用
  • .Net中对称加密的实现
  • cJSON类型及type值详解
  • ECharts系列: Vue 中使用 ECharts 折线图时,怎么配置来实现默认隐藏某些图例,并在用户点击图例时显示或隐藏对应的数据系列
  • MySQL的事务
  • Springboot3.x集成Spring Batch 5.2.1
  • 面试经典150题·LeetCode26·删除有序数组中的重复项·Java
  • 18.redis基本操作
  • 内积相似系数——内积度量相似系数
  • html 列表循环滚动,动态初始化字段数据
  • Android 隐藏手势模式下输入法的BackButton和ImeSwitchButton
  • Vue项目中Vuex在util引入,断点存在default
  • EI复现:蜣螂优化算法变体合集上新,改进正弦算法引导的蜣螂优化算法
  • ts中 构造器
  • 23种设计模式-结构型模式-桥接器
  • 【CF】Day20——Codeforces Round 969 (Div. 2) C