一、技术栈 本博客系统采用了先进且成熟的技术栈,包括Spring Boot 3、Spring Security、Vue 3、Nuxt 3、TypeScript、Vite、MinIO、Redis、Element Plus和Markdown等。这些技术共同协作,确保了博客系统的稳定性、安全性和易用性,为用户提供了优质的内容发布和阅读体验。 1、后端技术栈 1). Spring Boot 3Spring Boot...
4.8、nuxt2主应用 接入 nuxt2子应用 微前端-qiankun:nuxt2 接入 nuxt2_snow@li的博客-CSDN博客 4.9、vue3-vite主应用 接入 nuxt3子应用 待补充 4.10、nuxt作为主应用 https://www.cnblogs.com/rain-watcher/p/16938611.html 4.11、当子应用同时作为基座应用时 vue3 + vite + qiankun - 简书 五、过程记录...
VITE_BASE_API='http://localhost:8081/' 创建文件 .env.production(生产环境) VITE_BASE_API=http://localhost:9999/' vite.config.ts // vite.config.ts import vue from '@vitejs/plugin-vue'; // loadEnv import { UserConfig, ConfigEnv, loadEnv, defineConfig } from 'vite'; import path from...
(1)修改【vite.config.ts】文件 修改前: import{ defineConfig }from'vite'importvuefrom'@vitejs/plugin-vue'// https://vitejs.dev/config/exportdefaultdefineConfig({plugins: [vue()], }) 修改后: import{ defineConfig }from'vite'importvuefrom'@vitejs/plugin-vue'import{ resolve }from'path'/**...
springboot+vue3+nuxt3+ts+minio开发的dsblog3.0前后端博客 转载自:www.javaman.cn 一、技术栈 本博客系统采用了先进且成熟的技术栈,包括Spring Boot 3、Spring Security、Vue 3、Nuxt 3、TypeScript、Vite、MinIO、Redis、Element Plus和Markdown等。这些技术共同协作,确保了博客系统的稳定性、安全性和易用性,为...
springboot+vue3+nuxt3+ts+minio开发的dsblog3.0前后端博客 一、技术栈 本博客系统采用了先进且成熟的技术栈,包括Spring Boot 3、Spring Security、Vue 3、Nuxt 3、TypeScript、Vite、MinIO、Redis、Element Plus和Markdown等。这些技术共同协作,确保了博客系统的稳定性、安全性和易用性,为用户提供了优质的内容发布...
随着Vue 3最近进入发布候选阶段,是你尝试一下的绝佳时机。要马上开始,你需要使用vite,Vue的创建者提供的新的web开发构建工具。Vite提供了一个新的插件系统来扩展Vite的功能。今天我们来看看如何设置一个简单的vite插件。 这个插件会做什么? 我们的插件将根据Vue组件的目录自动生成Vue-Router路由。这从Nuxt的路由功能得...
首先用vite命令创建项目pnpm create vite vue-ssr --template vue-ts 安装相关依赖:pnpm add express pinia vue-router@4 创建三个文件touch server.js src/entry-client.ts src/entry-server.js server.js:服务端启动文件 entry-client.ts:客户端入口,应用挂载元素 ...
nuxt.config.ts文件配置 runtimeConfig 可以放置公共API接口地址,各种key等 css 公共的css导入 modules 使用modules的方式引入element-plus modules: ['@element-plus/nuxt', ] elementPlus 还可针对elementPlus做一些其他配置,文档地址 elementPlus: {importStyle:'scss', ...
vue3+vite+ts配置eslint+husky eslintjson husky是一个Git Hook,可以帮助我们对commit前,push前以及commit提交的信息进行验证,现在我们就来安装并配置一下这个工具,首先通过自动配置命令安装,命令如下: kif 2023/02/27 1.6K0 【Vue工程】003-配置 husky、lint-staged、@commitlint/cli 脚本配置clilint工具 Husky 是...