位置: IT常识 - 正文

vue项目安装使用element_UI(使用vue要安装什么软件)

编辑:rootadmin
vue项目安装使用element_UI

推荐整理分享vue项目安装使用element_UI(使用vue要安装什么软件),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue的安装,vue的安装步骤,vue项目安装axios,vue项目安装axios,vue项目需要安装什么环境吗,vue项目需要安装什么环境吗,vue项目需要安装什么环境吗,vue项目安装axios,内容如对您有帮助,希望把文章链接给更多的朋友!

安装element_UI之前需要安装VUE脚手架框架!

第一步:  在Vscode 随意打开一个文件夹,在集成终端打开

npm i -g @vue/cli   (检测: vue -V)

第二步:新建一个文件夹,并且在集成终端打开安装VUE脚手架

需要输入命令:

vue create yan6  //yan6 为自定义文件名

1: 选第三个自定义

2: 将formatter 按空格取消勾选  然后回车

3:为了兼容 选择2.0 回车

4: 输入N 不保存本次配置 (如有需要可以给此配置命名保存)

vue项目安装使用element_UI(使用vue要安装什么软件)

 5: 进入当前文件夹 OK!

 6:打开SRC里的APP.vue在终端打开 输入npm  run serve  即可运行本文件

下载element-UI (注意!要在自己下载vue脚手架自定义命名的文件里用终端打开!!!)

1:下载 element 输入npm i element-ui -S

 2:打开mani.js入口文件进行配置element

3:main.js引入使用

import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(ElementUI)

4 :还有要在VScode 安装 vetur 插件!!!

5:运行vue项目 打开vue项目在集成终端打开 输入 npm  run serve

Ok!!!  所需文件全部完成搭建

开始使用element

组件 | Element 链接地址点击跳转到element-UI 网站参照模板使用

本文链接地址:https://www.jiuchutong.com/zhishi/300066.html 转载请保留说明!

上一篇:ChatGPT火爆来袭,携手参与为开源助力

下一篇:【模糊神经网络】基于simulink的模糊神经网络控制器设计(模糊数学神经网络)

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络