《Vite 第15页

一个极致轻量的 Vue3 后台管理，终迎 2.0 版本，这次有点东西

简介VueNaiveAdmin2.0是一款极简风格的后台管理模板，包含前后端解决方案，前端使用Vite+Vue3+Pinia+Unocss，后端使用Nestjs+TypeOrm+MySql+Redis，

不爱敲代码的小胡·2023-12-25 23:38

【构建工具】vite2没捂热，vite5又来了，性能大幅提升！

vite2还没焐热，vite5又来了！！！就在一周前vite5重磅发布了！性能大幅提升!请看下面：下面是翻译过来的，原文：Vite5.0发布！

不爱敲代码的小胡·2023-12-25 23:07

mac使用vite初始化Vue3项目踩坑，权限报错 Error: EACCES: permission denied, mkdir

首先使用vite初始化Vue项目，在终端中输入*macos在命令行前面都加上sudo，以确保权限没有问题sudonpmcreatevite@latest之后选择vue，下一步选择javaScript或者

A_lexzanda·2023-12-25 19:17

在vue3中引入图片报错 Uncaught (in promise) ReferenceError: require is not defined

浏览器控制台出现报错:UndcaughtReferenceError:requireisnotdefined；如下：二、解决方法：第一种解决方法：因为require是webpack提供的一种加载能力，但是如果项目是用vite

筱熙☆·2023-12-25 17:37

vue3使用i18n 实现国际化

先看效果：博客用的Vite4.2构建，框架是Vue3.2，采用

富朝阳·2023-12-25 15:09

Electron + Vue + Vite 开发桌面程序

Electron+Vue+Vite开发桌面程序Electron简介Electron是一个使用JavaScript、HTML和CSS构建桌面应用程序的框架。

song-yl·2023-12-25 13:31

electron+vue3全家桶+vite项目搭建【17】pinia状态持久化

文章目录引入问题演示实现效果展示、实现步骤1.封装状态初始化函数2.封装状态更新同步函数3.完整代码引入上一篇文章我们已经实现了electron多窗口中，pinia的状态同步，但你会发现，如果我们在一个窗口里面修改了状态，然后再打开另一个窗口，此时窗口的状态并没有同步，所以我们需要对pinia的状态进行持久化处理，并在页面初始化时取到本地缓存的状态。demo项目地址问题演示如下所示，我们先在一个窗

编程小龙·2023-12-25 13:30

vue3+electron开发桌面软件0基础入门，搭建全网最简单的项目！

1.使用vite创建vue项目npminitvite1.1创建完成后，安装依赖包并运行项目npminstallnpmrundev2.vue项目中安装Electron2.1electron包可能会安装失败

Ta_handsome·2023-12-25 13:58

Electron、Vite和Vue 3助你打造功能丰富桌面应用

Electron、Vite和Vue3助你打造功能丰富桌面应用背景结合ElectronForge、Vite和Vue3，你可以快速构建功能丰富的跨平台桌面应用程序，尽管你可能只懂web开发，你一样可以轻松的开发出各式各样的桌面应用

研道鸠摩智·2023-12-25 13:57

前端学习笔记

文章目录1、学习路线2、token的安全储存方案3、跨域4、相关的学习链接前言：最近在学习前端补齐我的软件技能树，最近简单总结一下1、学习路线基本：vue3、ts(js)、vite、eslint、css

Dream_Kite·2023-12-25 13:23

Vue3知识点总结

目录一.创建Vue2工程1.使用vue-cli创建2.使用vite创建二.常用CompositionAPIsetupref函数reactive函数计算属性与监视1.computed函数2.watch函数

蛋黄派i·2023-12-25 09:58

Axios 中的文件上传 File对象的方法

通过FormData对象，可以将文件数据添加到表单中，然后使用Axios的post或put方法发送请求在.env.development文件中配置地址#只在开发模式中被载入VITE_PORT=8001#

隐含·2023-12-25 07:18

Vue3 +Vite项目部署遇见的问题

项目场景：Vue3+Vite部署单页。参考链接：Vue3ViteJavaScript问题描述在部署Vue3项目时，敲入命令npmrundev，显示Vite不是内部或外部命令。

buzzaz·2023-12-25 07:34

axios实例配置和使用

一.vite项目中引入axios1.1.安装axiospnpmaddaxios--save二.配置axios实例2.1实例配置importaxiosfrom‘axios’importrouterfrom

1无名之辈1·2023-12-25 07:30

创建Vite项目

一、创建vite项目新建vue-test,点击在集成终端中打开，输入npminitvue@latest输入项目名vue-test是否使用TypeScript语法？»

wuhuhuan·2023-12-25 06:08

reactive 组合式api声明-vite项目

新增app.vue/***reactive组合式api:*-用来声明响应式状态，*-支持声明对象（对象，Map/Set集合）和数组类型，*-不支持普通（原始）类型：string、boolean、number类型等*/import{reactive}from'vue';exportdefault{//setup作为组合式api入口setup(){//不支持普通（原始）类型：string、boolea

wuhuhuan·2023-12-25 06:38

data选项声明-vite项目

新建App.vue,内容如下exportdefault{//data选项声明响应式状态，必须是返回一个对象的函数data(){return{//声明状态属性，属性名不能以$和_开头，内置使用保留，不让我们声明使用msg:'我是谁',age:18,salary:99.99,staff:{//对象id:1,name:'梦',hobbies:['台球','足球']}}},methods:{say(){t

wuhuhuan·2023-12-25 06:06

Vite2动态渲染本地图片

如何再vite如何动态渲染本地图片使用绝对路径import{reactive,ref}from"vue";#本来是这样的constimages=ref(["/assets/static/home/banner

Airu·2023-12-25 06:43

使用Vite + Vue打造第一个Cesium应用

第一步创建Vite+Vue项目vue+vite官网：https://vitejs.dev/guide/，需要按官网去准备一些环境，如nodejs之类的#npm6.xnpmcreatevite@latestvite-cesium

Run不动了·2023-12-24 21:39

Vue3 中的脚手架工具Vite到底牛在哪, 一文全知道

伴随着Vue.js3.0的正式发布，这款优秀的前端开发框架迎来了一款轻量级的环境构建工具——Vite。

ur home·2023-12-24 20:38

Vite【二】使用vite创建项目

Vite【二】使用vite创建项目前言vite（法语意为“快速的”，发音/vit/，发音同“veet”)是一种新型前端构建工具，能够显著提升前端开发体验。

小祥编程·2023-12-24 20:08

vite简介，使用vite创建项目的优势

简介：vite作为下一代前端项目生成工具，自然有着许多独特之处，比较常见的就是搭建react.js和vue.js的项目，还有一些轻量的构架框架也可以了解一下(Vamilla.js、Preact.js、Lit.js

A boy9528·2023-12-24 20:08

Vite为啥如此之快

文章目录1.Vite为啥比Webpack快1.1快速的冷启动Webpack为什么慢Vite为什么快1.2快速的热更新WabpackVite2.Vite的缺点首屏懒加载1.Vite为啥比Webpack快Vite

xianghong_yang·2023-12-24 20:08

使用vite创建项目

文章目录1.安装vite脚手架1.1下载vite1.2创建vue项目1.3配置代理服务器(vite.config.ts)2.创建入口文件(index.html)3.创建系统入口页面(app.vue)4.

田七三两·2023-12-24 20:37

前端工程注入版本号

文章目录一、前言二、`webpack`三、`vite`四、最后一、前言容器化时代，当页面出现问题时，如果你的新版本有可能已经修复了，那样你再排查它就没有意义了。为什么不一定是最新版本呢？

小马甲丫·2023-12-24 19:13

Vue3语法

setup一：解决引入问题，引用插件实现自动引入下载依赖：npmiunplugin-auto-import-D在vite.config.js中进行配置importAutoImportfrom'unplugin-auto-import

林几许·2023-12-24 15:24

Vite和Webpack的优缺点

Vite与Webpack是两种常用的前端构建工具，它们在原理和打包流程上有一些区别。1.原理对比ViteVite是一种基于ES模块的构建工具，它利用浏览器原生的ES模块加载能力来实现快速的开发环境。

俊刚、·2023-12-24 13:23

React18.x + i18next + antd 国际化正确使用姿势及避坑指南

一、使用vite创建一个react项目具体的创建方法大家参考vite官方文档，大概的操作如下，如果需要更详细的，大家去自行搜索即可pnpmcreatevite因为我这里使用的是ts版本，所以，你自己看着办吧

冷幽悠·2023-12-24 12:34

Recoil在React中完整实践方案

第一步：创建项目利用vite创建一个React项目，其他的一样，别问我为啥只讲vite，因为我就是用

冷幽悠·2023-12-24 12:03

找不到模块“../views/About.vue”或其相应的类型声明。

只需在vite的vite-env.d.ts中加入以下代码即可declaremodule'*.vue'{import{Component}from'vue';constcomponent:Component

你的美，让我痴迷·2023-12-24 08:52

使用 vite 配置目录别名

1.安装types/node来加载path模块npmi@types/node--save-dev2.在vite.config.tsimport{defineConfig}from'vite'importvuefrom

你的美，让我痴迷·2023-12-24 08:52

Vite按需引入自定义组件unplugin-vue-components

Vite按需引入自定义组件unplugin-vue-components1.安装unplugin-vue-componentsyarninstallunplugin-vue-components2.在vite

JumpChen·2023-12-24 00:45

Vue3+Vite+TS解决父元素onMounted无法获取传给Slot的DOM

Vue3+Vite+TS解决父元素onMounted无法获取传给Slot的DOM子组件ChildComponentconstemits=defineEmits()onMounted(()=>{emits

奔跑的呱呱牛·2023-12-23 17:47

Vue3+Vite+TS解决调用组件实例有类型推断

Vue3+Vite+TS解决调用组件实例有代码提示子组件ChildComponent我是子组件import{reactive}from"vue"constform=reactive({name:""})

奔跑的呱呱牛·2023-12-23 17:47

基于Vite+Vue3 给项目引入Axios

基于Vite+Vue3给项目引入Axios,方便与后端进行通信。

小雅痞·2023-12-23 14:44

threejs！可视化数字城市效果的实现

工装工牌佩戴等监控，这时候为了美化项目，大公司都会将城市的区域作为对象，进行3d可视化交互，接下来的内容，就是基于以上元素，开发的一款城市数据可视化的demo，包含楼宇特效，飞线，特定视角，动画等交互，用到的技术栈vite

QD_ANJING·2023-12-23 13:07

一篇文章带你轻松创建Vite+Vue3+TypeScript项目

结合Vite构建工具和TypeScript语法已经成为前端开发的标配，本文就来带领大家一同创建Vite+Vue3+TypeScript项目。1.为什么使用Vite?

吃饭睡觉打代码想南南·2023-12-23 11:40

vite和vue3 中的vite.config.js配置build后引入静态文件为相对路径

import{defineConfig}from'vite';importvuefrom'@vitejs/plugin-vue';importpathfrom'path';exportdefaultdefineConfig

puamac·2023-12-23 09:29

vue 项目 index.html 中使用环境变量

目录1，Vue-CLI（Webpack）2，Vite1，Vue-CLI（Webpack）favicon.ico"/>console.log('')console.log('')console.log('

下雪天的夏风·2023-12-23 07:19

vite 的构建流程

Vite是一个基于现代浏览器原生ES模块的开发服务器和构建工具，其构建流程相较于传统的打包工具有所不同。

weixin_43962020·2023-12-23 05:43

vite 使用 vite-plugin-mock 和 mockjs 配置 mock 模式

vite使用vite-plugin-mock和mockjs配置mock模式当后端还没有完全弄好，而前端需要同时启动的时候，一般会使用mock模拟后端响应，这样在后端接口准备完成之后，前端能以较小的工作量和接入接口

沧州刺史·2023-12-23 03:00

nginx单域名配置访问多vue项目（vue3 + vite4）

。。。简单粗暴。。。vue配置项目avite.config.ts//https://vitejs.dev/config/exportdefault({command,mode}:ConfigEnv):UserConfig=>{return{//重要:配置别名base:'/a/',//其他配置}}router/index.ts//创建路由实例constrouter=createRouter({//c

钢铁熊猫33·2023-12-23 02:05

在 Vue3 +Vite环境中使用.env 环境配置文件

在Vue3+Vite环境中使用.env环境配置文件1、安装dotenv2、项目根目录创建.env相关环境配置文件3、在页面或者组件使用当前运行环境配置1、安装dotenvnpminstalldotenv

头上一片天空·2023-12-23 01:40

vue3项目快速创建

文章目录一.环境安装1.node.js下载2.环境变量配置2.1查看版本3.修改模块下载位置4.设置淘宝镜像5.安装pnpm5.1npm常用命令二.使用pnpm+vite创建vue3项目1.使用PNPM

1无名之辈1·2023-12-23 01:24

vue3老项目如何引入vite

vue3老项目如何引入vite安装npminstallvite@vitejs/plugin-vue--save-devVite官方中文文档修改package.json文件在npmscripts中使用vite

你的眼睛會笑·2023-12-22 20:18

vue3 + TypeScript使用国际化

vue3+TypeScript使用国际化本文使用了Vite构建工具创建的vue3项目Vite支持使用特殊的import.meta.glob函数从文件系统导入多个模块Vite官方中文文档当然如果你的vue3

你的眼睛會笑·2023-12-22 20:14

vite（VUE）编译时发布目录的修改

vite的编译路径可以通过一下步骤进行设置：1.打开项目根目录下的‘package.json’文件2.找到‘script’字段，并添加一项新的脚本命令，例如："scripts":{"dev":"vite

TSINGEYE清眸物联·2023-12-22 17:33

Vue3+Ts+Vite2+Pinia 搭建开发框架

一、使用vite快速创建脚手架1.使用yarn运行安装命令：yarncreatevite2.选择vuevue-ts完成安装3.进入vue3_ts_vite_pinia项目，使用yarn命令安装依赖,依赖安装完成后

TonyH2002·2023-12-22 15:38

vue 快速入门+vite前端构建工具

我是南城余！阿里云开发者平台专家博士证书获得者！欢迎关注我的博客！一同成长！一名从事运维开发的worker，记录分享学习。专注于AI，运维开发，windowsLinux系统领域的分享！本章节对应知识库南城余—Java全栈(yuque.com)本内容来自尚硅谷课程，此处在知识库做了个人理解四、Vue3简介和快速体验4.1Vue3介绍Vue(发音为/vjuː/，类似view)是一款用于构建用户界面的J

南城余coding·2023-12-22 13:49

推荐频道

《Vite