个人项目开发记录---前端（vue3.0+elementui）之项目搭建及推送远程库

最新推荐文章于 2024-08-08 08:30:19 发布
最新推荐文章于 2024-08-08 08:30:19 发布
阅读量449 收藏 1
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_37696990/article/details/108163175
版权

创建项目

采用可视化方式创建项目

vue ui

在这里插入图片描述
参照资料
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
创建项目时间比较久，耐心等待，可通过cmd窗口查看创建过程
在这里插入图片描述
在这里插入图片描述至此项目创建完成

安装element插件

在这里插入图片描述在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

至此element 安装完成

安装axios库

在这里插入图片描述
在这里插入图片描述

打开项目配置git远程库

先在github上创建一个stock_font仓库，建义不要勾选添加Remind.ME选 项
在idea中添加已创建好的选程仓库地址
在这里插入图片描述
在这里插入图片描述在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

至此代码上推到远程仓库

运行项目

在这里插入图片描述在这里插入图片描述

rgwu
关注
专栏目录
Vue3.0正确引入Element UI组件的正确姿势 （Element-plus）
qq_43115985的博客
12-08 1万+
命令引入参照官方文档：https://element.eleme.cn/#/zh-CN/component/installation npm i element-ui -S main.js中引入 报错后 看官方文档 发现vue3已经不支持原来的饿了么ui了 需要使用与vue3适配的Element-plus 引入Element Plus 引入命令 命令参考官方文档：https://element-plus.gitee.io/#/zh-CN/component/installation npm instal
vue3.0+ts+element-plus项目初体验
marko_zheng的博客
12-03 1万+
vue3.0+ts+element-plus+axios项目初体验 项目基于vue-cli@4.5下开发的，vue-cli4.5和之前的3.0以下的老版本不一样，安装命令也有所不同。 首先得全局安装cli npm install -g @vue/cli //全局安装vue-cli最新版本 第二步：实例化项目 vue create mypro // 创建项目，mypro项目名，项目名中不允许出现大写字母 要使用3.0 选择 >Default (Vue 3 Preview) ([Vue
Vue3.0项目实战+ElementUI从入门到实战
热门推荐
扶强的专栏
07-25 2万+
零.开篇介绍 Vue3 vs Vue2 Vue-cli构建Vue3项目 初尝Vue3 compositon Api 实战Element-plus + Axios +Vue3 一.Vue运行环境安装,为什么需要安装运行环境 预装环境 ：node v8+ 为什么需要运行环境 VUE项目==文件类型是.vue他是需要被编译成.js文件，才可以被浏览器识别 安装复杂度 一键安装 会不会增加学习成本 我们只是运用node环境，不需要单独学习 安装node环境下载 | ...
Vue3 + Element Plus 实战模板项目指南
最新发布
gitblog_00988的博客
08-08 339
Vue3 + Element Plus 实战模板项目指南 vue3-element-plus-imvue3-element-plus-im vue3.0 element-plus vue-cli vue-router vuex composition-api axois websocket 即时聊天 前端vue 后端java springboot netty 即时通讯 chat项目地址:htt...
Vue3 + Element-UI开发示例
山月神话
05-10 2589
Vue3 + Element-UI开发示例 1、说明：如果安装使用过vue脚手架，或使用过vue2，请先卸载！卸载语句如下： 输入 npm uninstall vue-cli -g 回车 ​ 运行完毕后，就是一个干净的脚手架工具了！ 2、安装脚手架：npm install -g @vue/cli 回车运行即可。 3、查看脚手架版本 vue --version 4、创建项目： A、进入你需要放项目的文件夹。D:\webworkspace ​B：初始化项目文件夹，如我的项目名是 myvue3 ，输入 vue
vue3.0中使用elementUi(element-plus的使用)
孛儿只斤·苏日娜的日记
04-06 1万+
element-plus的使用 小朋友，你是不是有很多问号❓❓❓ 甲：为什么在vue3.0中不能使用Element UI了？ 乙：由于vue3.0在插件install函数的入参从Vue原型（类）改成了app（vue实例），导致element-ui中Vue.prototype.* 这样的代码已经全都失效了。所以element-ui铁定是不兼容了。 甲：那有什么方法能解决吗？ 乙：使用Element UI的升级版element-plus ???? element-plus官方文档入口 1、npm 安装 npm
vue3.0-admin:vue3.0 +打字稿+ element-ui +后台系统
03-11
vue3-admin是一个后台管理系统的前端页面展示，是由vue-cli4和elemnet-ui实现的。功能原则。虽然刚开始看起来可能略感疲惫降低（由于子组件功能单一，所以内部通信中断），但是对后续的维护具有非常大的好处。项目...
vue-cli3.0-vueadmin：基于vue-cli3.0 + vue + elementUI + vuex + axios +权限管理的后台管理系统
02-06
项目基于vue-cli3.0进行构建，并使用了vue全家桶vue vuex axios vue-router elementui，增加了按钮级别的权限控制 脚手架版本： * vue-cli-3.0 用到vue相关的生态链模块： vue vue-router vuex axios 项目要点 ...
前端Vue3.0+ElementUI创建的基础demo
10-28
内容概要：通过vue脚手架创建的基础项目 适合人群：具有一定编程基础的新手，不想浪费时间去一步...阅读建议：此项目是Vue3.0+ElementUI创建的基础demo，要用组件的最好去ElementUI官网了解一下这个组件的一些基础用法
管理系统系列--vue3.0+elementui 快速构建后台管理系统.zip
02-25
【标题】：“管理系统系列--vue3.0+elementui 快速构建后台管理系统” 这个标题表明我们关注的是一个关于使用Vue 3.0框架和Element UI库构建后台管理系统的教程或项目实例。Vue 3.0是Vue.js的最新版本，它引入了一...
c#基于.netcore6.0+vue3.0+elementUI3.0实现的教务管理系统源码.zip
05-19
这是一个基于C#、.NET Core 6.0、Vue 3.0 和 Element UI 3.0 开发的教务管理系统源代码项目。这个系统旨在为教育机构提供一个全面的管理平台，涵盖学生管理、课程管理、教师管理等多个功能模块。下面我们将详细探讨...
vue + elementUI 项目搭建Demo
12-05
使用vue-cli脚手架搭建vue + elementUI 小案例，功能代码不多，主要包括vue项目目录的创建、elementUI的引入、前端路由、i18n国际化语言、scss、引入iconfont
VUE3.0以上版本引入Element UI
01-07
一句话的事儿   1，在cmd中打开vue项目文件夹，输入命令： vue add element 2,加载后的选项如下： How do you want to import Element? Fully import 选择全局还是按需引入-全局 Do you wish to overwrite Element's SCSS variables? Yes 是否使用SCSS-是 Choose the locale you want to load zh-CN 选择语言-中文 3， Successfully invoked generator for plugin: vue-cli-plu
Vue Element UI 完整版前端框架
07-31
Element UI 完整版 源码 可用 vue+Element-UI 前端框架
Vue3.0使用Element-ui制作table组件，操作列动态渲染按钮
Cocoon_Xu的博客
02-18 2099
分享一下最近使用vue3.0二次封装过的el-table组件，带有分页功能，以及操作列按动态数据有条件渲染！希望可以帮助各位在职前端小伙伴解决一些实际问题。
vue3.0项目实战 - ElementUI框架版
BMG-Princess
04-13 1万+
vue3.0项目实战 - ElementUI框架版
vue3学习之路（三）element-plus使用
qq_46134827的博客
05-14 358
运行vue3项目 先看报错，可以看出是element-ui出问题了，原因是vue3 不兼容element-ui，可以使用element-plus代替。
vue-cli3+elementUI搭建后台管理系统
jiajiaranbaobao的博客
01-03 9531
最近重构后台管理系统，虽说写过vue项目，但是，还是有些坑踩了一遍，再一再二不再三，所以，写下来吧。 执行： vue create my-project 按照提示操作即可，成功后，进入项目，安装相关依赖： cnpm install vue-router cnpm install element-ui -S cnpm install vuex -S cnpm install -D sass-loa...
vue3.0整合elementUi
liyu121的博客
04-13 1万+
一：安装依赖 cnpm install element-ui -S 二：vue项目在main.js中引入elementui import Vue from 'vue' import App from './App.vue' //组件 import HelloWorld from './components/HelloWorld.vue' import WangEditor from '....
Vue-cli 3.0快速搭建Vue项目指南：从零开始
本文将详细介绍如何使用Vue-cli 3.0来搭建Vue前端项目，这是一款官方推荐的Vue.js项目构建工具，能简化开发流程并提供一系列配置选项。以下是搭建过程中的关键步骤： 1. **环境准备**： - 首先确保安装Node.js，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值