Vite 第26页

Vue3+Vite+Ts创建项目

项目说明一.脚手架vitevue-cli ==》 webpackvite脚手架使用官网：https://vitejs.cn/Vue3vite官网：https://cn.vitejs.dev/Vite

前端青山·2023-11-12 16:07

【Springboot】Vue3-Springboot引入JWT实现登录校验以及常见的错误解决方案

LoginController.java路由守卫函数四、问题前言项目版本：后端：Springboot2.7、Mybatis-plus、Maven3.8.1数据库：MySQL8.0前端：Vue3、Axois1.6.0、Vite4.5.0

Issac-Clarke·2023-11-12 08:11

【Springboot】 Spirngboot2-Vue3注解式方法解决数据前台时间显示为“2023-10-31T10:00:00.000+00:00”格式问题

项目场景：项目版本：后端：Springboot2.7、Mybatis-plus、Maven3.8.1数据库：MySQL8.0前端：Vue3、Axois1.6.0、Vite4.5.0、Element-Plus

Issac-Clarke·2023-11-12 08:11

vue3 项目不支持使用 process.env 变量 process is not defined

process.env.VUE_APP_BASE_API+"/admin/xxx/uploadoss",但这时候控制台报错processisnotdefined因为vue3将process.env移除了解决方案打开vite.c

鸡汤辉·2023-11-12 04:40

vite基础学习笔记：12.Element使用（首页局部组件拆分）

说明：自学做的笔记和记录，如有错误请指正一、ElementPlus安装与引入1.安装ElementPlus参考ElementPlus组件库官网，输入指令pnpmielement-plus安装2.引入ElementPlus插件在入口文件引入并安装二、走马灯组件应用在官网中查询代码，粘贴至对应文件并进行修改代码如下：局部组件：carousel/index.vue//carousel的高度img{wid

smellsummer·2023-11-12 04:07

vite基础学习笔记：13.Dialog 对话框（用户注册与登录）

说明：自学做的笔记和记录，如有错误请指正1.Dialog对话框组件目标效果：点击“登录/注册”，弹框（1）创建全局组件，在官网中查询代码粘贴（2）注册和使用全局组件（3）设置Visiable控制对话框的显示与隐藏（4）点击“登录/注册”按钮，修改Visiable的值2.对话框显示内容修改(样式调整完毕)用户登录用户登录微信扫码登录微信扫一扫关注"快速预约挂号"扫一扫下载"预约挂号"APP官方指定平

smellsummer·2023-11-12 04:07

vite基础学习笔记：2.项目目录了解

说明：自学做的笔记和记录，如有错误请指正1.index.html入口文件Vite构建的项目的编译入口文件是index.htmlVite一开始会去加载index.html文件，然后通过script标签加载

smellsummer·2023-11-12 04:36

vite基础学习笔记：11.组件拆分

说明：自学做的笔记和记录，如有错误请指正1.全局组件（1）创建组件在components文件夹下创建top（头部组件）和bottom（尾部组件）文件夹如下：（2）注册组件在main.ts中引入并注册全局组件代码如下：//引入全局组件importTopfrom'../src/components/top/index.vue';importBottomfrom'../src/components/bo

smellsummer·2023-11-12 04:36

vite基础学习笔记：14.路由跳转（二）携带query参数

说明：自学做的笔记和记录，如有错误请指正1.路由跳转（携带query参数）（1）第一层路由（点击卡片路由跳转至新页面-携带query参数）知识点：query传参对应的是path和query，参数会以键值对的形式添加到URL的查询字符串中以上代码运行：点击卡片后跳转到‘'/hospital/register?hoscode=1000_13'’，其中“1000_13”为对应的医院编码（2）第二层路由（

smellsummer·2023-11-12 04:04

uniapp发行web页面在老版本浏览器打开一片空白

具体解决方法：1、在项目的根目录新建一个vite.config.js2、向vite.config.js中copy如下代码：import{defineConfig}from'vite';imp

risemypassion·2023-11-12 02:47

得物五五五五

一个ip下有多个域名，dns是如何进行区分vite开发环境中是打包成一个还是多个文件content-box中宽100高200，设置padding-top：50%，总的高度是多少splice方法的返回值a

weixin_45039278·2023-11-12 00:16

vue3 vite ts 项目配置@

安装path模块path模块是node.js的内置模块，而node.js默认不支持ts文件的安装@type/node依赖包npminstall@types/node--save-dev配置文件vite配置文件

weixin_45039278·2023-11-12 00:15

Vue3+Vite+Nginx 二级路径部署

vue路由文件constrouter=createRouter({history:createWebHistory('/abc/'),//这里添加路由前缀routes})vite.config.jsexportdefaultdefineConfig

想望着太阳·2023-11-11 22:19

【微前端】qiankun + vite + vue3

专栏：【微前端】什么是微前端【微前端】qiankun【微前端】qiankun+vite+vue3一、整体结构在qiankun体系下，一个微前端工程包含一个主应用和多个子应用。

逛街的猫啊·2023-11-11 22:48

微前端qiankun (vue3+vite+ts+history)

一什么是微前端微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略微前端架构具备以下几个核心价值：技术栈无关主框架不限制接入应用的技术栈，微应用具备完全自主权独立开发、独立部署微应用仓库独立，前后端可独立开发，部署完成后主框架自动完成同步更新增量升级在面对各种复杂场景时，我们通常很难对一个已经存在的系统做全量的技术栈升级或重构，而微前端是一种非常好的实施渐进式重

liytingtt·2023-11-11 22:39

Vue3+Vite+history模式+Nginx 部署二级路径

项目打包及部署到服务器二级路由例如：我希望将打包的项目部署到https://xxx.com/web/上1、配置环境变量.env.production文件##生产环境NODE_ENV='production'VITE_BASE_PATH

Paul_Chan_·2023-11-11 22:04

vue3+TS+Vite2+Element Plus管理系统通用模板（2022最新）

技术栈：vue3+TypeScript+Vite2+Pinia+ElementPlus+VueRouter初始化项目安装vue-ts模板，和vite，并设置项目名称GBT(GeneralBackgroundTemplate

一个bug一等级·2023-11-11 21:52

Vite创建vue3+ts+pinia+vant项目起步流程

pnpm介绍&安装本质上他是一个包管理工具，和npm/yarn没有区别，主要优势在于包安装速度极快磁盘空间利用效率高安装：npmipnpm-g使用：npm命令pnpm等效npminstallpnpminstallnpmiaxiospnpmaddaxiosnpmiwebpack-Dpnpmaddwebpack-Dnpmrundevpnpmdev小结：pnpm是一个高效的包管理工具，使用和npm和ya

是三好·2023-11-11 21:19

vue脚手架(vue-cli)，vue2，vue3，ref引用，路由和路由插件（vue-router），路由导航守卫，插槽

一.单页面应用程序SPA是单页面应用程序如何快速创建vue的SPA项目vue官方提供了两种快速创建工程化的SPA项目的方式：1.基于vite创建SPA项目2.基于vue-cli创建SPA项目vitevue-cli

xiongxinyu10·2023-11-11 21:16

从零开始学习vue3.2项目开发

文章目录参考B站视频：1、vue创建项目和打包1.1安装node版本1.2打开vscode创建vue项目1.3查看vite和vue版本信息1.4运行项目1.5打包项目1.6安装插件自动导入vue模块1.7

HappyLearnerL·2023-11-11 21:44

vue3+vite搭建后台项目-1 引入element-plus 中文包,打包时报错问题

vue3+vite搭建后台项目-1引入element-plus中文包,打包时报错问题终端报错Ifthe'element-plus'packageactuallyexposesthismodule,tryaddinganewdeclaration

Gik99·2023-11-11 21:44

vue3+vite搭建后台项目-2项目 src 别名的配置

src别名的配置在开发项目的时候文件与文件关系可能很复杂，因此我们需要给src文件夹配置一个别名1.找到//vite.config.ts文件mport{defineConfig}from'vite'importvuefrom

Gik99·2023-11-11 21:44

vue3 admin后台管理开发笔记

/am-vue3.gitvscode开发vue3插件：volar（使用此插件时，把vetur禁用，vetur是vue2插件）1、开发依赖下载vue3脚手架并配置路由（vue3+vue-router4+vite

FF_XM·2023-11-11 21:43

vue3+vite搭建后台项目-3 使用自定义插件批量注册全局组件

使用自定义插件批量注册全局组件1.在components文件夹目录下创建一个index.ts文件：用于注册components文件夹内部全部全局组件//引入组件importSvgIconfrom'./SvgIcon/index.vue'importtype{App,Component}from'vue'constcomponents:{[name:string]:Component}={SvgIc

Gik99·2023-11-11 21:38

Vue项目之配置 Vite + VSCode 使用EditorConfig, Eslint和Prettier实现代码规范

背景每个人的代码风格不同，比如有的人代码缩进喜欢用Tab，有的人喜欢用Space；有的人代码语句后会加上分号，有的人则不加。并且不同的人使用的开发工具也不同，有的人喜欢使用WebStorm，有的人喜欢用VSCode。如果是一个人独立开发，这些当然都没啥问题，自己想怎么写就怎么写。代码规范化之后可能也没法立即看到带来的好处。并且相反，可能在某些人看来反而是一种束缚。但是如果是团队协同开发，代码规范化

weixin-陌生人·2023-11-11 19:48

uniapp和vue3+ts开发小程序，使用vscode提示声明变量冲突解决办法

/static/echarts.min');如果不是小程序环境则使用下面的方式导入echarts：//由于vue3使用vite不支持umd格式的包，故引入npm的包import*asechartsfrom'ec

1024小神·2023-11-11 18:36

Vite依赖预构建

本文使用的包管理工具是npm开发工具是vscode本文作为对vite的了解性内容即可，实际开发中并不会做太多的工作依赖预构建干了啥首先vite会找到对应的依赖，然后调用esbuild(对js语法进行处理的一个库

NorthCastle·2023-11-11 13:30

Vite - 配置 - 不同的环境执行不同的配置文件

目标描述通过不同的命令，执行不同的环境的配置文件中的内容：npmrundev:执行开发环境的配置文件npmrunbuild:执行生产环境的配置文件环境文件准备为了在不同的环境中使用不同的配置文件，我们将配置文件拆分开来。开发环境使用开发环境的配置文件；生产环境使用生产环境的配置文件；有一些通用的配置，就放在基础环境配置文件中。这样我们通过执行不同的脚本命令，直接读取不同的配置文件即可。项目目录结构

NorthCastle·2023-11-11 13:30

Vite项目的初体验 - 非Vite脚手架版本

开箱即用（outofbox）:无需做任何的配置，就可以用vite来帮助我们处理构建工作。前提：node版本>=12.0.0，使用npm进行依赖管理。

NorthCastle·2023-11-11 13:00

vite构建的vue项目不能直接使用require？

vite构建的项目Vite使用的是ES模块（ESM）的模块系统，而不是CommonJS（CJS）模块系统。

Java橙旭源·2023-11-11 13:58

Vite构建的项目不能使用path、fs模块？？？？

报错__vite-browser-external:path?

Java橙旭源·2023-11-11 13:58

【Vue】带你快速上手Vue3 - 使用 - Composition API - 响应式原理 - 新特性

文章目录一、简介1.性能的提升2.源码的升级3.拥抱TypeScript4.新的特性二、创建一个Vue项目1.使用vue-cli创建2.使用vite创建三、分析文件目录main.jsApp.vue四、CompositionAPI1

YK菌·2023-11-11 11:53

Vue3-学习笔记

目录一、创建Vue3.0工程1.使用vue-cli创建2.使用vite创建二、常用CompositionAPI1.setup2.ref函数3.reactive函数4.Vue3.0中的响应式原理vue2.

BlackStar-Coder·2023-11-11 11:17

【vue学习笔记】vue3引入unplugin-auto-import并接入element-ui

vue3引入unplugin-auto-import并接入element-ui接上一篇vue3部署：【vue学习笔记】vue3+vite+route实现框架构建一、引入自动引入插件1.unplugin-auto-importnpmiunplugin-auto-import-D2

猿职场·2023-11-11 09:13

vue3 + element plus + vite 迁移实践

然后领导喜欢vue，说vue简单，写起来快…我说行嘛，刚好没写过vue3，那就全用最新技术，vue3、vite、elementplus直接上。

JackieChan_·2023-11-11 09:42

React+Antd+Vite+TypeScript 项目实战教程

一、创建项目在搭建项目时，我们通常会使用cli工具来搭建，方便、快捷、高效，一行命令就能生成一个完整的脚手架项目，这里我们使用vite来创建一个react+vite+typesc

IT飞牛·2023-11-11 08:16

聊聊 ESM、Bundle 、Bundleless 、Vite 、Snowpack

编者按：本文转载皮小蛋的segmentfault文章，来一起快乐学习吧前言一切要都要从打包构建说起。当下我们很多项目都是基于webpack构建的，主要用于：本地开发打包上线首先，webpack是一个伟大的工具。经过不断的完善，webpack以及周边的各种轮子已经能很好的满足我们的日常开发需求。我们都知道，webpack具备将各类资源打包整合在一起，形成bundle的能力。可是，当资源越来越多时，打

奇舞周刊·2023-11-11 07:17

Vue3.x&Vite2.0简易版打包优化

build配置文件安装基础插件npmi@vitejs/plugin-vue-Dnpmivite-svg-loader-Dnpmi@vitejs/plugin-legacy-Dnpmi@vitejs/plugin-vue-jsx-Dnpmivite-plugin-windicss-Dnpmivite-plugin-mock-Dnpmivite-plugin-live-reload-Dnpmivite

Boriska1996·2023-11-11 07:46

uniapp+vue3+ts+vite+echarts开发图表类小程序，将echarts导入项目使用的详细步骤，耗时一天终于弄好了

想在uniapp和vue3环境中使用echarts是一件相当前卫的事情，官方适配的还不是很好，echarts的使用插件写的是有些不太清晰的，这里我花费了一天的时间，终于将这个使用步骤搞清楚了，并且建了一个仓库，大家可以直接clone下来使用。先看一下pc端和小程序端的效果：微信小程序和抖音小程序等都支持：使用步骤如下第一步：下载插件包下载echarts插件包，并导入到项目中，然后使用插件中的组件创

1024小神·2023-11-11 07:15

Vite和Webpack区别

Vite和Webpack区别Vite和Webpack都是现代前端项目的构建工具，它们存在一定的差异:打包方式的不同Vite采用NativeESModule的方式服务源码。

heiyay·2023-11-10 22:10

vue3之Cesium问题（1）

error：SyntaxError:Therequestedmodule'/node_modules/.vite/cesium.js?

小满blue·2023-11-10 21:05

electron+vite+vue3项目搭建

npminitvite@latest或者npmcreatevite）2.安装electron相关依赖npminstallelectron-Dnpminstallvite-plugin-electron-D//常用版本："vite-plugin-electron

m0_63701303·2023-11-10 20:57

electron+vite+vue3项目打包

1.安装打包依赖，调整打包命令npminstallelectron-builder-D2.安装完成后，在packagejson中，配置build命令"build":"vitebuild&&electron-builder",3.electron/index.js修改win.loadURL中的路径参数，判断下当前是生产环境，还是开发环境4.修改package.json，增加打包相关配置"build"

m0_63701303·2023-11-10 20:57

vite+vue3.0+ts+electron

用vue-cli+electron完成了一个小项目，最近尝试用vite+vue3+ts+electron搭建了框架以及一些使用时碰到的坑一、搭建项目第一步、建立vite新项目yarncreatevite

L.鬼卿℡·2023-11-10 19:12

vite +vue3 + electron项目集成

将现有的vite项目打包为electron，适用于已开发过一段时间的vite项目。

wzw60606·2023-11-10 19:41

vite+electron构建桌面版应用教程超简单

目录概述快速开始目录结构Electron+Vite+Vue整合模板--结构简单，容易上手！

任磊abc·2023-11-10 19:32

vue3+ts+vite+electron搭建桌面应用

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档vue3+ts+vite+electron搭建桌面应用前言一、版本背景介绍二、过程1.搭建vite+vue-ts的项目2.接入electron3

Bennett_G·2023-11-10 19:21

vite+vue3项目报错【Error】

1.【ervite不是内部支持的命令……解决方法：终端打开cmd====》》》npminstall安装项目依赖2.【error】找不到模块“./App.vue”或其相应的类型声明2.1项目根目录下创建文件【env.d.ts】2.2在文件【env.d.ts】编写以下代码declaremodule'*.vue'{importtype{DefineComponent}from'vue';constvue

guinue·2023-11-10 19:21

vite + electron引入itk报错

代码import{readImageArrayBuffer}from'itk-wasm'console.log(readImageArrayBuffer)通过itk-wasm官网，创建新的项目vite+

AwoCT·2023-11-10 19:14

前端学习地址_备忘录(随时更新)

前端开发人员提供优质文档w3cschool:w3cschool官网-1000多本编程教程免费学vue系列:官方vue2官网:Vue.jsvue3官网:Vue.js-渐进式JavaScript框架|Vue.jsvite文档:Vite

青阳流月·2023-11-10 19:51

推荐频道

Vite