如何创建一个VUE3项目并使用Element UI插件

简介: 如何创建一个VUE3项目并使用Element UI插件

1.确保已经安装了Node:

win + R 打开控制面板,输入“node -v”回车。出现版本号信息,则安装成功,否则请移步安装。


2.搭建VUE环境:

在D盘的一个文件夹里新建一个文件【这里是Demo】

用VScode 打开这个文件夹,打开终端,输入Node -v,出现版本号,安装成功。

输入“npm create vue@latest ”回车

输入项目名称【这里vue01】回车,根据自己需要通过enter键来选择。

项目构建完成,依次执行下来指令:

点击Local:  http://localhost:5173/

3.进行vue测试:

执行完上述任务,可以展开Demo文件夹的清单

这里在AboutView.vue中加入“<h2>这是一个VUE的测试用例</h2>”

刷新当前页面,这句话就会显示出来。

4.在终端输入“npm i element-ui -S”

此时出现了报错,通过查阅得知是版本冲突

解决步骤:

  • 删除node_modules
  • 清除 npm 缓存:npm cache clean --force
  • 下载依赖:npm install --legacy-peer-deps
相关文章
|
1月前
【UI】 element -ui select下拉框label显示多个值
【UI】 element -ui select下拉框label显示多个值
55 1
|
1月前
|
存储 安全 测试技术
使用 Visual Studio Code 创建 SAP UI5 项目遇到 self-signed security certificate 相关问题
使用 Visual Studio Code 创建 SAP UI5 项目遇到 self-signed security certificate 相关问题
44 0
|
15天前
IDEA 插件 Material Theme UI收费后 免费的办法
IDEA 插件 Material Theme UI收费后 免费的办法
|
1月前
Vue3+Vite+Pinia+Naive后台管理系统搭建之四:Naive UI 组件库的安装和使用
Vue3+Vite+Pinia+Naive后台管理系统搭建之四:Naive UI 组件库的安装和使用
34 1
|
1月前
|
JavaScript
vue element ui 打开弹窗出现黑框问题
vue element ui 打开弹窗出现黑框问题
27 1
|
1月前
|
编解码 JavaScript 数据可视化
【vue3】 vue3 几款值得推荐的UI组件库
【vue3】 vue3 几款值得推荐的UI组件库
147 0
|
1月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
39 0
|
1月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
24 0
|
1月前
|
前端开发 JavaScript API
SAP UI5 sap.ui.require.toUrl 的作用介绍
SAP UI5 sap.ui.require.toUrl 的作用介绍
53 0
|
1月前
|
JSON 前端开发 测试技术
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
31 0