基于vue-cli + ElementUI搭建项目
时间: 2023-11-27 16:54:58 浏览: 109
基于Vue和Element-Ui搭建项目的方法
搭建一个基于vue-cli + ElementUI的项目可以按照以下步骤进行:
1. 安装vue-cli
可以通过npm安装vue-cli,命令如下:
```
npm install -g vue-cli
```
2. 创建vue项目
在命令行中输入以下命令来创建一个vue项目:
```
vue create my-project
```
其中,my-project是你的项目名称,可以根据实际情况进行修改。
3. 安装ElementUI
在项目根目录中执行以下命令来安装ElementUI:
```
npm install element-ui -S
```
4. 引入ElementUI
在项目的main.js文件中添加以下代码来引入ElementUI:
```javascript
import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)
```
5. 运行项目
在命令行中输入以下命令来启动项目:
```
npm run serve
```
至此,一个基于vue-cli + ElementUI的项目就搭建完成了。接下来可以根据实际需求进行开发。
阅读全文