vue-cli 2.x+element-ui的一个小demo

最新推荐文章于 2024-08-19 17:30:02 发布

cantfu_lxx

最新推荐文章于 2024-08-19 17:30:02 发布

阅读量687

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： vue vue-cli webpack-simple element-ui 模块化

本文链接：https://blog.youkuaiyun.com/cantfu_lxx/article/details/88060036

本文档介绍了如何使用vue-cli 2.x搭建Vue2.0项目，并结合ElementUI进行环境配置。首先全局安装vue-cli，然后通过vue init webpack-simple创建项目。接着安装依赖，修改package.json设置运行端口，导入并使用ElementUI。在遇到字体图标加载错误时，调整webpack配置解决。最后，在App.vue中注册并使用ElementUI组件，成功显示按钮。

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

Vue2.0 +vue-cli + ElementUI环境搭建并使用

2019/3/1 --xx

懒得贴图了:happy:

下载vue-cli,全局安装
```
npm install vue-cli -g
```
初始化项目，用vue-cli下载webpack-simple模版
```
vue init webpack-simple element-demo
```
安装模版的依赖,将会再此目录生成node_modules文件夹
```
cd element-demo
cnpm install
```
此时编辑package.json文件，可在script属性的dev后面添加运行端口号，如：–port 8083。默认(不添加)为8080端口号。
```
"scripts": {
     
     
    "dev"
```