VUE的使用（与element-ui结合使用）

最新推荐文章于 2025-06-03 00:09:15 发布

这里有一锅小兔叽

最新推荐文章于 2025-06-03 00:09:15 发布

阅读量896

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue element-ui

本文链接：https://blog.youkuaiyun.com/weixin_43931617/article/details/99866140

vue 专栏收录该内容

14 篇文章

订阅专栏

本文详细介绍了如何从零开始创建一个Vue项目，并逐步集成Element UI组件库，包括项目初始化、模块安装、配置Webpack及启动项目的具体步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

                    
                    创建新的vue项目

vue init webpack-simple element_ui(项目名称)
进入项目

cd element_ui
安装模块

(c)npm install
要使用element-ui的话，要安装element-ui

(c)npm install element-ui --save-dev
配置

找到webpack.config.js文件，在rules中添加{
    test: /\.(eot|svg|ttf|woff|woff2)$/,
    loader: 'file-loader'
  }

在main.js文件中引入import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)；

启动项目

npm run dev