云e办前端学习（一）项目搭建

已于 2022-05-13 17:22:57 修改
阅读量470 收藏 2
点赞数
分类专栏： SpringBoot+Vue项目学习 文章标签： 前端 学习 vue.js
于 2022-05-13 17:20:05 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44737138/article/details/124737204
版权

前言

本系列博客基于B站的云e办管理系统，前端和后端我都自己敲了一遍，这里做一个学习记录。云e办的原始视频链接如下：https://www.bilibili.com/video/BV1Ai4y1P7Tk?p=1

首先是npm和cnpm的安装

在这里插入图片描述

查看安装镜像源指令

在这里插入图片描述

安装vue脚手架

npm install -g @vue/cli

以管理员身份运行powershell，切换到指定目录，创建项目

在这里插入图片描述

报错信息

在这里插入图片描述

按空格选择babel和router

创建成功后，切到项目，启动

在这里插入图片描述

进入项目所在的目录，用idea打开，我自己是使用idea，得安装名字叫vue的插件。

控制台安装element-ui组件

在这里插入图片描述

在这里插入图片描述

董茸茸
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
云E办项目-前端整体代码。
01-11
云E办项目-前端整体代码。vue/vue-cli/vuex
013-云E办_前端总结
weixin_43989347的博客
01-11 1080
013-云E办_前端总结一、前端所学内容，涉及到的知识二、 vue页面的整体概括 一、前端所学内容，涉及到的知识 vue vue-cli：脚手架，搭建项目 vuex：状态管理 VueRouter：路由。页面跳转 Axios：通讯框架。前后端分离，调用后端接口。 ES6：一项脚本语言的标准化规范。 WebSocket：在线聊天必备 ElementUI：各种丰富组件。布局、容器、按钮、表单等等 font-awesome：图标。elmentUi的图片不够丰富 js-file
云e办前端项目--前端VUE之computed
daimeijin的博客
10-03 213
前言 一直想开发一个功能比较强大的项目，但是一直没有动手，最近终于有点时间来折腾它了。由于时隔两年没有接触前端了，所以需要一个小项目先练练手感。等这个项目完工之后在着手搞一个大工程。都说好记星不如烂笔头，现在就将这一个过程记录下来，万一有什么踩坑的地方，也可以提示后来人。 待补充 ...
第一个Vue项目mjdai_auto_office之项目创建
daimeijin的博客
08-16 157
前言 一直想开发一个功能比较强大的项目，但是一直没有动手，最近终于有点时间来折腾它了。由于时隔两年没有接触前端了，所以需要一个小项目先练练手感。等这个项目完工之后在着手搞一个大工程。都说好记星不如烂笔头，现在就将这一个过程记录下来，万一有什么踩坑的地方，也可以提示后来人。 项目创建 这一次创建项目使用的是工具webstrom创建的，至于工具的安装，这个想必能看到文章的为都会吧？废话不多说，开干。 第一步 选择Create New Project 第二步 选择默认参数，然后点击创建项目。 创建项目之后，控制
云E办前端带运行教程.rar
12-06
云E办后端带运行教程
yyb_vue：云E办的前端项目
02-23
【yyb_vue：云E办的前端项目】是一个基于Vue.js框架开发的Web应用程序，用于实现云端办公功能。Vue.js是目前非常流行的前端JavaScript库，它以其轻量级、高效和易用性著称，特别适合构建单页面应用（SPA）。在本项目...
云E办前后端完整代码和开发文档
03-20
"云E办前后端完整代码和开发文档"是一个综合性的项目，主要涵盖了企业级办公自动化系统的核心功能。这个项目提供了从前端用户界面到后端服务器处理的全套源码，以及相应的开发文档，使得开发者能够全面理解和掌握...
云E办-前端-Vue.zip
12-21
"云E办-前端-Vue.zip" 是一个包含前端项目资源的压缩包，主要用于学习和实践"云E办"的前端开发。这个项目基于Vue.js框架构建，Vue.js是目前非常流行的一种轻量级前端框架，它以组件化、易上手、性能优良著称。在...
云e办前端学习（七）职称管理
05-14 159
前言 本系列博客基于B站的云e办管理系统，前端和后端我都自己敲了一遍，这里做一个学习记录。云e办的原始视频链接如下：https://www.bilibili.com/video/BV1Ai4y1P7Tk?p=1 <template> <div> <div> <!-- 输入框--> <el-input v-model="jl.name" size="small" place
云E办项目的，yeb.sql
02-07
le字jie 的 云E办项目 数据库文件
yeb-jzw:云办公前端部分
04-20
yeb-jzw 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 整理和修复文件 npm run lint 自定义配置 请参阅。
yeb：云E办-后台将此
02-10
yeb：云E办-后台将此
云E办后端带运行教程.rar
12-06
云E办后端源码带运行教程
云e办前端学习（三）菜单页面的动态路由导航
05-13 340
前言 本系列博客基于B站的云e办管理系统，前端和后端我都自己敲了一遍，这里做一个学习记录。云e办的原始视频链接如下：https://www.bilibili.com/video/BV1Ai4y1P7Tk?p=1 安装vuex npm install vuex -S 新建文件 import Vue from 'vue' import Vuex from 'vuex' import {forEach} from "core-js/internals/array-iteration"; Vue.use(V
云e办前端项目--前端VUE之小技巧
daimeijin的博客
10-04 337
前言 一直想开发一个功能比较强大的项目，但是一直没有动手，最近终于有点时间来折腾它了。由于时隔两年没有接触前端了，所以需要一个小项目先练练手感。等这个项目完工之后在着手搞一个大工程。都说好记星不如烂笔头，现在就将这一个过程记录下来，万一有什么踩坑的地方，也可以提示后来人。 组件小技巧 标签template 标签template下一班不配置多个div，这样布局比较麻烦，比较优雅的处理就是先放一个div，然后在div里面可以随意发挥 后续补充 ...
云e办前端学习笔记（十一）员工基本资料管理
05-14 471
前言 本系列博客基于B站的云e办管理系统，前端和后端我都自己敲了一遍，这里做一个学习记录。云e办的原始视频链接如下：https://www.bilibili.com/video/BV1Ai4y1P7Tk?p=1 其中，导入导出数据需要安装插件 npm install js-file-download 工具类 import axios from 'axios' //默认返回类型 const service = axios.create({ responseType: 'arraybuffer'
云E办Springboot+vue——前端项目完整版（含源码）
涵盖了计算机专业基础知识、数学建模相关实践、复杂网络论文研究、LeetCode算法刷题经验、C语言开发经验、前端Vue、React框架开发实战相关知识
08-10 5万+
本项目基于Vue+Spring Boot构架一个前后端分离项目。前端使用社区非常活跃的开源框架vue进行构建。受疫情的影响，许多企业由线上办公转为线下办公。随着线上办公的人数的增多，线上办公的优点逐步凸显：通过实现工作流程的自动化、节省企业办公费用、实现绿色办公，同时提升办公效率。前端使用的技术有： Vue、Vue-cli、Vuex、VueRouter、ElementUI、Axios、ES6、Webpack、WebSocket、font-awesome、js-file-download、vue-chat 项
云e办前端学习（二）登录界面的逻辑编写
05-13 592
前言 本系列博客基于B站的云e办管理系统，前端和后端我都自己敲了一遍，这里做一个学习记录。云e办的原始视频链接如下：https://www.bilibili.com/video/BV1Ai4y1P7Tk?p=1 首先创建登录的vue页面 配置路由，这里建议把vue-router的版本改成3.X，我这里使用的是3.5版本，不然以后会遇见问题 编写Login的页面之前，准备一下处理请求的工具类 首先是去控制台安装axios组件进行跨域处理 npm install axios 编写工具类 import
云e办前端学习（六）职称管理
05-13 207
前言 本系列博客基于B站的云e办管理系统，前端和后端我都自己敲了一遍，这里做一个学习记录。云e办的原始视频链接如下：https://www.bilibili.com/video/BV1Ai4y1P7Tk?p=1 <template> <div> <div> <!-- 空格回车也能触发添加事件--> <el-input size="small" placeholder="添加职位"
快速搭建Vue前端项目：vue-element-admin实践
在本文中，我们将深入探讨如何搭建一个基于Vue和Element-UI的前端项目，以`vue-element-admin`为例，它是一个功能丰富的后台管理前端解决方案。首先，我们需要从GitHub上获取项目源代码，并了解其基本目录结构和关键...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值