Spring boot + Vue2小项目基本模板

bingbingyihao2024-11-13 11:37

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

最终效果展示

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