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

最终效果展示

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

相关推荐
知识分享小能手1 小时前
React学习教程,从入门到精通, React 入门指南:React JSX 语法知识点详解及案例代码(8)
前端·javascript·vue.js·学习·react.js·前端框架·anti-design-vue
一个松6 小时前
【无标题】
spring boot
webYin8 小时前
vue2 打包生成的js文件过大优化
前端·vue.js·webpack
Gazer_S9 小时前
【Element Plus 表单组件样式统一 & CSS 文字特效实现指南】
前端·css·vue.js
叫我阿柒啊10 小时前
从Java全栈到前端框架:一次真实的面试对话
java·spring boot·微服务·前端框架·vue3·全栈开发
齐 飞10 小时前
SpringBoot实现国际化(多语言)配置
java·spring boot·后端
if时光重来10 小时前
springboot项目使用websocket功能,使用了nginx反向代理后连接失败问题解决
spring boot·websocket·nginx
FrankYoou11 小时前
Spring Boot + Spring MVC 项目结构
spring boot·spring·springmvc
小薛博客11 小时前
23、Jenkins容器化部署Vue应用
运维·vue.js·jenkins
神云瑟瑟12 小时前
Spring Boot大文件分块上传(代码篇)
java·spring boot·大文件上传·分块上传