Vite创建Vue3工程化项目 在合适的磁盘文件中,使用命令 npm create vite 该命令就是使用vite创建项目了。(具体什么项目需要手动选择) 第一次使用时会提示下载vite,输入y同意即可。 项目初始化结构。 查看package.json。 安装依赖 注意此时项目并没有下载依赖。 需运行npm i命令,安装项目依赖。 启动项目 初始自带三个...
可以看出来这是一个标准的vue3项目。 2-2-2,运行vue项目 我们这里用到的node,所以要确保你node安装成功,并且配置好环境变量。 我们运行项目使用专业的前端开发工具vscode 其实导入项目到vscode很简单,只需要在vscode里打开项目文件夹即可。 我们打开项目后要去安装依赖,安装依赖之前要记得安装node,我们这里使用npm i...
主要基于Vite4+ Vue3作为前端框架来进行开发,利用Vue Router进行路由管理,Axios库进行HTTP请求和响应处理等技术和工具。同时还使用Element UI统一页面风格。 为了实现内容的编辑和预览功能,项目还引入了v-md-editor编辑器组件。通过该组件,用户可以方便地编辑和排版电子书的内容,并实时预览效果。这为用户提供了一个直观...
命令行窗口对vuejs目录执行下面的命令,创建一个Vite的初始化项目。 npm init @vitejs/app 之后,在Project name这一行,我们输入项目的名字,例如geek-admin;接着,在Select a framework这一行输入框架的名字,这里我们选择vue;再之后,在select a variant 这一行,因为在项目里,我们没有选择TS,所以这里我们依然选择vue...
启动成功后通过http://localhost:8080看到如下所示,就代表若依版的springboot项目已经成功运行了。 Java后端启动成功了,接下来我们就要启动前端vue3项目进行网站端的部署运行了。 2-2-1,下载vue3项目源码 由于上门Java项目里的ruoyi-ui使用的是vue2开发的前端网站,所以我们想用vue3,就得使用官方提供的另外一套代码...
编译Vue3项目 当我们完成了Vue项目的开发后,需要将其编译为静态文件,以便嵌入Java后台。执行以下命令: AI检测代码解析 npm run build 1. 该命令会在项目根目录下生成一个dist文件夹,里面包含了编译后的静态文件。 嵌入到Java后台 现在,我们已经有了一个编译后的Vue3项目,接下来我们将其嵌入到Java后台。
启动成功后通过http://localhost:8080 看到如下所示,就代表若依版的springboot项目已经成功运行了。 Java后端启动成功了,接下来我们就要启动前端vue3项目进行网站端的部署运行了。 2-2-1,下载vue3项目源码 由于上门Java项目里的ruoyi-ui使用的是vue2开发的前端网站,所以我们想用vue3,就得使用官方提供的另外一套代码...
配置完成,以后提交代码之前就会先使用eslint 修复js,jsx,ts,tsx,vue文件了 提交规范 集成commitlint 在之前的开发中,每当提交代码时,git commit填写的都是乱七八糟的,为了后期维护和BUG处理时变得有据可查,我们可以依赖commitlint插件来辅助我们完成这项工作。
项目构建:Maven、Jdk8、宝塔面板 后端搭建教程 下载代码,使用IDEA打开jeecadmin目录,编辑器会自动的下载引入一些必要的包,如果失败,可以换个网络多尝试几次。 本地开启mysql5.7数据库与redis,新建一个数据库,导入jeecgboot-mysql-5.7.sql文件后,再导入Vue3升级脚本_mysql.sql文件 ...