windows11安装Vue CLI 和element UI
时间: 2024-03-07 13:50:00 浏览: 116
仿哔哩哔哩,Vue和element-ui组件搭配使用实现
5星 · 资源好评率100%
安装Vue CLI和Element UI的步骤如下:
1. 安装Node.js。
2. 打开命令行工具(Windows键+R,输入cmd)。
3. 输入以下命令安装Vue CLI:
```
npm install -g @vue/cli
```
4. 输入以下命令创建新的Vue项目:
```
vue create my-project
```
5. 选择“Manually select features”,然后按空格键选中“Babel”、“Router”、“Vuex”、“CSS Pre-processors”和“Linter / Formatter”。
6. 按回车键,然后选择“Sass/SCSS (with dart-sass)”作为CSS预处理器。
7. 等待安装完成后,输入以下命令以启动Vue项目:
```
cd my-project
npm run serve
```
8. 输入以下命令安装Element UI:
```
npm install element-ui -S
```
9. 在main.js文件中添加以下代码:
```
import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)
```
10. 在App.vue文件中添加以下代码:
```
<template>
<div id="app">
<el-button>Element UI Button</el-button>
</div>
</template>
```
11. 保存文件并重新启动Vue项目,然后就可以使用Element UI组件了。
阅读全文