需要创建vue2项目包含 elementUI
时间: 2023-07-27 21:09:16 浏览: 106
好的,以下是创建 Vue 2 项目并添加 ElementUI 的步骤:
1. 首先,确保你的电脑上已经安装了 Node.js 和 npm。
2. 打开终端或命令行窗口,输入以下命令安装 Vue CLI:
```
npm install -g @vue/cli
```
3. 创建 Vue 2 项目,输入以下命令:
```
vue create my-project
```
4. 在创建过程中,你可以根据需要选择一些插件,如 Babel、Router、Vuex 等,也可以选择手动配置。如果你不确定要选择哪些插件,可以选择默认配置。
5. 进入项目目录,安装 ElementUI,输入以下命令:
```
cd my-project
npm i element-ui -S
```
6. 在 main.js 文件中引入 ElementUI:
```
import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import App from './App.vue'
Vue.use(ElementUI)
new Vue({
render: h => h(App),
}).$mount('#app')
```
7. 在 App.vue 中使用 ElementUI 的组件:
```
<template>
<div>
<el-button>Click me</el-button>
</div>
</template>
```
8. 运行项目,输入以下命令:
```
npm run serve
```
在浏览器中打开 http://localhost:8080/ 就可以看到 ElementUI 的按钮了!
阅读全文