vite+vue3构建vite项目

最新推荐文章于 2023-11-27 17:50:03 发布
最新推荐文章于 2023-11-27 17:50:03 发布
阅读量112 收藏
点赞数
分类专栏： vue3 vite 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_42116704/article/details/127615530
版权

构建vite+vue3项目

官方文档 vite官方中文文档

一、使用vite初始化项目
npm init vite@latest

运行之后

选择vue，和 typescript
在这里插入图片描述

二、切换目录,执行 npm install 安装依赖包

在这里插入图片描述

三、运行项目 npm run dev

在这里插入图片描述

【vite+vue3】一个项目包含多个小项目并实现多项目单独打包部署访问
q1ngqingsky的博客
04-06 8934
1. projectA项目和projectB项目中均要保留index.html、main.ts/js 、App.vue 这三个文件可以直接复制粘贴src下的index.html、main.ts/js 、App.vue文件内容，需要注意的是main.ts路径引入的变化,以及路由的路径引入正确与否。公司有两个项目，UI界面以及框架是一致的，且有很多个公用的组件可以共同使用。所以想着在一个大的项目里实现两个小项目：projectA和projectB项目，公共部分提取出来。3. 配置package.json。
vue工程包含多个项目且支持多个环境部署
骚饼
04-03 4165
vue工程包含多个项目且支持多个环境部署
vite多项目合并分开运行编译
qq_33496882的博客
09-27 615
vite使用，vite项目搭建，vite+vue项目开发，vite实现多项目合并
Vue3+Vite+Nginx项目新增环境配置文件以及多项目部署
m0_49827178的博客
11-27 1161
vue3+vite+nginx 多项目nginx部署
VUE3+vite 项目实践
華勳的博客
03-24 958
对于绝大多数前端开发工程师而言，都是跟随框架成长，其实能做到这一点已经很不容易。更有很大一部分人落后于框架，比如在vue3已经成为默认版本的今天。还是能看到有人在大型项目中用不明白async和await，甚至于then方法一起使用。路由嵌套和重定向还掌握不好，vue项目里引入jq只为一个方法。 所以，对于前端开发工程师，学习新技术是至关重要的。 学过vue3的同学一定知道，它跟React之间的相似度是越来越大，而且也引入了hook函数。结合setup标签让项目有更好的可读性，和维护性。在开发大型和超..
vite+vue3使用模块化批量发布Mockjs接口
03-29
"vite+vue3使用模块化批量发布Mockjs接口"这个主题涵盖了如何在Vite搭建的环境中，结合Vue3和Mockjs来实现接口的模块化和批量处理。这将帮助开发者在实际API未准备好或者不便于调试时，快速模拟后端数据，提高开发...
基于vite+vue3+pinia+element-plus+ts后台管理系统源码+项目说明.zip
最新发布
04-12
基于vite+vue3+pinia+element-plus+ts后台管理系统源码+项目说明.zip 基于vite+vue3+pinia+element-plus+ts后台管理系统源码+项目说明.zip 基于vite+vue3+pinia+element-plus+ts后台管理系统源码+项目说明.zip 基于...
基于electron+vite+vue3和python flask的文件交互GUI.zip
03-02
基于electron+vite+vue3和python flask的文件交互GUI.zip本项目是一个Electron项目，有一个文件上传接口，可以上传图片到Flask框架的后端，处理完（本项目的处理是去色加水印"myWatermark"）后直接返回前端显示。...
基于Vite+Vue3+TS+Nuxt3的仿爱彼迎网站源码.zip
06-21
《构建基于Vite+Vue3+TS+Nuxt3的仿爱彼迎(Airbnb)网站源码解析》 在现代Web开发中，快速迭代和高效构建成为开发者关注的重点。本项目"基于Vite+Vue3+TS+Nuxt3的仿爱彼迎网站源码"正是这样一个实践案例，它巧妙地...
超简单使用Vite+Vue3构建共享开发和分模块打包的前端项目
都随它大小便吧
10-10 1946
最近有个需求就是构建一个可复用公共组件、可分模块独立部署的前端项目。关于这个共享开发和分模块打包的操作，还记得是在上家公司的某个SpringBoot项目上见过。它的好处就是子模块各自独立开发与打包、可复用父模块的共享代码、降低耦合度等。前端这里还没试过这样的操作，于是面向谷歌/百度开发一下。嗯，原来有这种操作的，真是流批，在此记录一下这个解决方案。
vue多项目管理配置
zxxzxx23的博客
11-09 5477
太长不看 我把多项目集成模板上传到了github vue-multi-admins-template, 使用方法在文章最后 需求 vue多个项目开发时, 存在项目内资源共用的问题, 解决方案一般有两个, 1, 每个项目独立开发, 公用资源通过npm打包发布到私人或公用npm服务器, 使用时引用这些npm包 2, 多个项目集成到一个根项目里, 每个子项目可单独运行打包, 也可直接运行打包由子项目集成的根项目 本文介绍方案2 说明 为适用公司业务, 项目基于vue-admin-template集成, 基于其他项
vue3多个项目共享开发和单个项目独立打包的解决方案
热门推荐
左直拳的马桶_日用桶
06-25 1万+
由于实际项目的特点产生了多系统共享开发和独立打包的需求，主要原理在于应用vue的多页面支持和webpack的脚本编写。本方案中，vue项目由一个外壳和若干个子系统构成。外壳指本vue项目外层代码，提供共享组件和功能；而子系统各自独立，仅包含私有代码。运行时，可整个项目集成运行，也可以单个子系统运行；打包类似，可整体打包，也可单个子系统独立打包。 一、项目简介 二、项目整体结构 三、代码介绍 四、运行与打包 ...
学习笔记六：在Nginx非根目录下配置同域名多个子项目（Vite2+Vue3）
YGいくこさん的博客
03-28 1720
近期把公司内部管理系统从Vue2升级到Vue3版本，部署时遇到非根目录配置问题，需要在同一个域名的不同目录下配置两个网站，借此做个记录。
vue3 + vite 多项目多模块打包
百变魔旅
03-31 8596
本示例基于vite-plugin-html插件，实现多个独立项目共存，共享组件和依赖，运行、打包互不干扰。
vue3 + vite + ts + element-ui搭建后台管理框架
学全栈、大前端方向，就找前端早间课
03-30 6017
前端路上 | 所知甚少，唯善学。各位小伙伴有什么疑问，欢迎留言探讨。— 关注我：前端路上不迷路 —
Vite3+Vue3+JypeScript：搭建企业级轻量框架实践
军火库
09-29 867
最近找到一个VUE的文档，它将VUE的各个知识点进行了总结，整理成了《Vue 开发必须知道的36个技巧》。
【Vue3】使用Vite构建工具构建Vue3项目
早睡早起长头发的博客
08-17 6801
一、利用cmd和vscode创建 二、利用webstorm创建
Vue3 + Vite 搭建多页面编译项目 一种优雅的实现方式 简单实用
as75942688的博客
09-02 549
Vue3 + Vite 搭建多页面编译项目
Vue3+Vite3多项目Nginx部署
PrideZH的博客
01-15 4441
将多个 Vue3 + Vite3 构建的项目部署到服务器上，使用 Nginx 进行反向代理，实现同一域名和端口号，且不同路径前缀访问不同项目。
Vite+Vue3项目模板构建指南
在这个模板中，Vite作为构建工具，Vue 3作为前端框架，TypeScript作为开发语言，共同组成了一个现代的前端项目结构。开发者可以通过克隆这个模板，然后根据自己的项目需求来添加特定的业务逻辑和配置。 5. Vue 3与...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值