Spring boot + Vue2小项目基本模板

Spring boot + Vue2小项目基本模板

基本介绍

复制代码
项目来源哔哩哔哩的青戈,跟着学习搭建自己的简单vue小项目;看别人的项目总觉得看不懂,需要慢慢打磨
这里目前只简单的搭建了菜单导航和表格页面,还未搭建登录页面,待补充

视频链接

基本环境安装

复制代码
需要安装node.js(自带npm),然后配一下镜像
	npm config set registry https://registry.npm.taobao.org

安装Vue@cli,Vue的脚手架进行项目的创建
	npm install -g @vue/cli

采用Vue create demo01,进行项目的基本创建,这里采用的是Vue2版本

这个项目里面使用了基本的组件,包括路由、element-ui,安装如下:
	npm i element-ui -S
	npm install vue-router@3

开发环境采用的是VS Code,比较容易配置,安装组件需要在创建项目的目录内

安装示例:

项目搭建

复制代码
安装好环境,创建了基本模板后,需要修改(替换)一下原有内容

vue.config.js的内容(增加一句 lintOnSave: false(对组件名称定义不进行限制))

javascript 复制代码
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
    transpileDependencies: true,
    lintOnSave: false
})

替换自动生成的public和src目录

复制代码
gitee的链接
	https://gitee.com/anxwefndu/springboot-vue2demo01.git

最终效果展示

当前简单的菜单和表格,还没有加上登录与具体各栏目分类

相关推荐
一城烟雨_5 小时前
vue3 实现将html内容导出为图片、pdf和word
前端·javascript·vue.js·pdf
李少兄7 小时前
解决Spring Boot多模块自动配置失效问题
java·spring boot·后端
涵信7 小时前
第九节:性能优化高频题-首屏加载优化策略
前端·vue.js·性能优化
他҈姓҈林҈8 小时前
Spring Boot 支持政策
spring boot
涵信8 小时前
第十一节:性能优化高频题-响应式数据深度监听问题
javascript·vue.js·性能优化
ss2739 小时前
基于Springboot + vue + 爬虫实现的高考志愿智能推荐系统
spring boot·后端·高考
两点王爷9 小时前
springboot项目文件上传到服务器本机,返回访问地址
java·服务器·spring boot·文件上传
pjx98710 小时前
质量的“试金石”:精通Spring Boot单元测试与集成测试
spring boot·spring·单元测试·集成测试
Mr.app10 小时前
vue mixin混入与hook
vue.js
一个专注写代码的程序媛10 小时前
vue组件间通信
前端·javascript·vue.js