vite 第35页

一文详解新一代高效前端构建工具VITE-达观数据

Vite是一个快速、简单且高效的前端构建工具，它的出现为前端开发者带来了新的构建体验。在本文中，我们将探讨Vite的技术原理、优点和使用方法。

AI界小学生·2023-10-21 10:47

SSM - Springboot - MyBatis-Plus 全栈体系（三十三）

微头条业务简介用户功能注册功能登录功能jwt实现头条新闻新闻的分页浏览通过标题关键字搜索新闻查看新闻详情新闻的修改和删除2.技术栈介绍2.1前端技术栈ES6作为基础JS语法nodejs用于运行环境npm用于项目依赖管理工具vite

柠檬小帽·2023-10-21 03:16

vue3.0路由自动导入

一、前提我们使用的是require.context方法导入，在vite创建的项目内使用会报错"requirenotfound"，所以必须用webpack创建项目。

放风喽·2023-10-21 02:47

Vite2 静态资源处理

ImportingAssetasURL导入静态资产时，将返回解析后的公共URL:importimgUrlfrom‘./img.png’document.getElementById(‘hero-img’).src=imgUrl例如，在开发阶段，imgUrl将是/img.png，而在生产版本中，它将变成/assets/img.2d8efhg.png。其行为类似于webpack的文件加载器。区别在于导

放风喽·2023-10-21 02:17

Electron + ts + vue3 + vite 项目搭建

之后，安装依赖之后试运行一下，出现一下页面意味着vite-vue项目创建成功。npmcreat

吱夏cz·2023-10-21 02:24

vite+vue3+electron项目搭建教程

一、使用vite创建vue项目1.在自己的项目文件夹下打开终端，输入以下命令创建vue项目npmcreatevite@latest是否需要使用TS看自己的需求，为了方便我这里就选用JS了2.进入项目目录

安陌乐轩·2023-10-21 01:23

vue3 +vite开启项目

项目启动#安装pnpmnpminstallpnpm-g#安装依赖pnpminstall#项目运行pnpmrundev#项目打包pnpmrunbuild

Z_Wonderful·2023-10-21 01:53

electron实战之Electron+Vue+Vite+ElementPlus操作本地配置文件

Electron+Vue+Vite+ElementPlus实战electron集成vue的介绍可以看之前的文章。

bdawn·2023-10-21 01:52

Vue3 + TypeScript

Vue3+TS开发环境创建1.创建环境vite除了支持基础阶段的纯TS环境之外，还支持Vue+TS开发环境的快速创建,命令如下：$npmcreatevite@latestvue-ts-pro----templatevue-ts

是三好·2023-10-20 18:59

创建一个vite3+vue3项目

node版本：16.8.0（版本太低会出现安装错误，如下图node版本12.9.1）1、npminitvite@latestvite-test–--templatevue（默认vue,javascript环境或npminitvite@latest（分步按下键回车选择自己想要的环境）2、接下来按照提示进行安装和起服务3、浏览器打开网址：http://127.0.0.1:5173/，项目便新建成功了

Missying55·2023-10-20 17:15

下一代前端开发利器——Vite（原理源码解析）

前段时间用Vue3搭建项目时看到同时推出的Vite，只当它是一个新打包工具或者vue-cli的升级版，仍然选择了用Webpack构建项目。

徐小夕@趣谈前端·2023-10-20 11:26

前端（十九）——vue/react脚手架的搭建方式

博主：小猫娃来啦文章核心：前端（十九）——vue/react脚手架的搭建方式文章目录前言Vue脚手架搭建方法VueCLI脚手架Vite脚手架其他方式React脚手架搭建方法CreateReactApp脚手架

小猫娃来啦·2023-10-20 11:51

请问：怎么实现大文件快速上传？

本文只介绍资源分块上传的方式，并且会通过前端（vue3+vite）和服务端（nodejs+koa2）交互的方式，实现大文件分块上传的简单功能.梳理思路问题1：谁负责资源分块？谁负责资源整合？

前端开发博客·2023-10-20 06:40

vue3+vite配置eslint&prettier

一、创建一个vite+vue3+ts项目npminitvite@latest二、安装eslint依赖[email protected]@typescript-eslint

·某某··2023-10-20 05:39

vite+vant+vue3新闻客户端app（一）

u5173u6ce8u7528u62370a3ca20id3du5173u6ce8u7528u62373e203ca3e项目源码地址：https://gitee.com/git640640/news一、项目初始化--使用vite

与月儿漫邀·2023-10-19 23:40

Vue3中自动引入ref、reactive等语法

方便开发，我们可以下载插件npminstallunplugin-auto-importyarnaddunplugin-auto-importpnpminstallunplugin-auto-import在vite.config.js

L_羽鹏·2023-10-19 18:17

乾坤qiankun（微前端）样式隔离解决方案--使用插件替换前缀

框架的不同或版本的不同：vue/react等，vue2/vue3等ui组件库版本的不同，以element为例，可分为element-ui/element-plus打包工具的不同，比如常用的webpack/vite

赢乐·2023-10-19 18:09

zzy-project-cli,提供多个框架的脚手架

使用step1zzy-clicreate[项目名称]step2获取模板之后选取任一进行下载下载完成之后即可使用模板介绍模板组是由新旧多个不同的框架集合成的，vite类为最新开发产出的框架，webpack

想必是渣渣宇了·2023-10-19 15:55

vite+vue3.0 + TypeScript+element-plus环境搭建

1、环境要求：node版本16+以上2、搭建vite项目npmcreatevite@latestcmd运行下面命令cdvite-projectnpminstallnpmrundev谷歌浏览器访问http

zhou13528482267·2023-10-19 13:07

vite+vue3报错：无法找到模块“xxx.js”的声明文件。“xxx.js”隐式拥有“any”类型。

前景：vite+vue3环境解决方案：1、将xxx.js文件修改为xxx.ts文件；2、在xxx.d.ts文件中添加声明；如在src目录下vite-env.d.ts添加//"@/base/tools/util.js

zhou13528482267·2023-10-19 13:07

vite+vue3.0 使用tailwindcss

参考资料：安装-TailwindCSS中文文档|TailwindCSS中文网npminstall-Dtailwindcssnpminstallpostcssnpminstallautoprefixernpxtailwindcssinit-p生成/src/tailwind.config.js和/src/postcss.config.js配置文件在/src/tailwind.config.js配置文件

zhou13528482267·2023-10-19 13:59

axios常用请求封装 vue3.0

@/store'importcachefrom'@/utils/cache'//axios实例constservice=axios.create({ baseURL:import.meta.env.VITE_API_UR

qq_34114535·2023-10-19 13:51

vue3.2.X + Vite2.X + Pinia2.X的前端项目常见报错

在vue3.2.X+Vite2.X+Pinia2.X项目中，执行npminstall或者npmrundev时，报以下几种错误的，均是因为版本不兼容,或者node版本过低导致，具体错误如下：硬件环境：windows764

listener_life·2023-10-19 10:41

vue3+ts+vite库开发，库被引用时报错“getActivePinia()“ was called but there was no active Pinia.的解决方案

我在开发一个基于vue3、TS、vite的库时，用到了pinia管理状态，库发布后，在项目中引用该库，浏览器控制台报错："getActivePinia()"wascalledbuttherewasnoactivePinia.Didyouforgettoinstallpinia

Ricky__H·2023-10-19 10:40

【打包vue前端项目】

文章目录前言一、打包命令二、重新打包三、打包不成功可能存在问题：解决方案：四、其他问题前言实例项目是使用vue3+vite一、打包命令默认的打包命令一般为npmrunbuild但是还有其他命令如npmrunbuild

Didicode·2023-10-19 08:17

vue3+vite+pinia+pinia-plugin-persist持久化存储无效

dnpao·2023-10-19 08:17

Vue3+Vite+Koa2的一个前后端分离todolist记事本网站

介绍使用Vue3+Vite+Koa2的一个前后端分离todolist记事本网站，功能较为简单，页面自己设计的（自我感觉良好），可能有些地方有点小bug，此项目当时主要是练习koa2的基本使用和项目自动化部署

coderYYY·2023-10-19 07:05

koa+Vite+vue3+ts+pinia构建项目

一、初始化构建项目npmcreatevitemyProject----templatevue-ts注：Vite需要Node.js版本14.18+，16+。

sintina·2023-10-19 07:02

初探Vue3

本篇文章目录\textcolor{green}{本篇文章目录}本篇文章目录新构建工具Vite\textcolor{blue}{新构建工具Vite}新构建工具ViteCompositionAPI火爆来袭\

几何心凉·2023-10-19 06:26

Electron之集成vue+vite开发桌面程序

在electron中集成vue开发桌面程序使用我们之前创建的electron项目创建vue项目命令行进入electron根目录执行下面命令npmcreatevite@latestvue----templatevue这样就创建了一个vue项目，文件名是vue，命令行进入vue下，执行下面命令安装依赖包npminstall然后执行下面命令启动项目npmrundev浏览器打开http://localho

bdawn·2023-10-19 05:04

react+vite+ts+antdesign项目搭建-20220802

react+vite+ts+antdesign项目搭建（可同时参考vue3+vite+ts+Elementplus项目搭建）—20220802目录react+vite+ts+antdesign项目搭建（

青山绿水的蓝·2023-10-19 04:51

vite+vue3+ts项目搭建之使用Pinia代替vuex及Pinia持久化处理

在线预览Link：https://wocwin.github.io/wocwin-admin/前言以下操作，是续接之前第二步——含插件使用及eslint&prettier配置插件安装使用是重点（极大提高了开发效率）一、使用Pinia代替vuex1、安装pinianpminstallpinia2、在src目录新建store文件夹，新建index.ts文件，代码如下：//因为用了“unplugin-a

wocwin·2023-10-19 03:21

React，手写简易redux（二）- By Viga

React，手写简易redux（二）本章节会完成一个简易的redux实现该系列内容会逐步实现简易的redux使用技术栈：vite+react该系列感谢@方应杭的react教学视频目录实现reducer、

YoLoViga·2023-10-19 01:58

vite+vue3使用localhost访问接口报错 500

vite+vue3使用localhost访问接口报错500用ip访问这个接口是可以通的但是用localhost访问就报500或者200但不返回东西，原因就是代理少了个配置secure:false,//跳过

zhangyuea·2023-10-18 22:37

vite 环境变量导致接口携带本地ip地址

vite环境变量导致接口携带本地ip地址最近在学习vite+tsx+elementplus做个框架把踩过的坑记录一下~萌新上路请多指教。。

stars_gthrsj·2023-10-18 22:07

vue3 vite 创建运行项目端口5000 没有ip访问地址

vue3+vite运行项目出现问题第一个问题端口号5000的问题上面图片是package.json文件的运行配置默认运行npmrundev使用npmrunserve会出现端口号5000访问不到项目第二个问题使用

奥子·2023-10-18 22:37

React +Vite +yarn 本地跨域处理

常见的react跨域方法react的跨域，网上找了好多的方法，基本都如下所见，大差不差1、下载http-proxy-middleware2、npmihttp-proxy-middleware3、在src目录下新建一个setupProxy.js文件写入以下代码constproxy=require('http-proxy-middleware')module.exports=function(app)

讷言丶·2023-10-18 22:37

vite+vue3+ts项目构建详细步骤（配置多语言版本）

文章目录前言一、构建基础项目模板二、根据基础模版搭建优化项目结构（持续更新中）A、环境配置优化B、优化生产构建后console和debugger关闭C、优化文件引用路径D、优化项目全局文件类型声明配置（ts的泛型）E、配置css全局变量F、新建文件夹（不同功能内容分开放）G、引入axiosH、项目开发中难免遇到的跨域问题I、多语言配置K、状态管理引入（pinia、Vuex）J、按需引入资源K、优化

失眠时间·2023-10-18 22:05

web 端 vite 配置 px 转 rem

web端vite配置px转rem下载插件postcss-pxtoremnpminstallpostcss-pxtorem-D在vite.config.ts中配置constpostCssPxToRem=require

来杯卡布奇洛·2023-10-18 22:27

vite打包失败 - out of memory

在做项目时，随着需求的不断增加，我们的代码文件会越来越大，但是在打包时，在Node中通过JavaScript使用内存的大小却是有限制的。于是，今天打算部署代码时，报错了:====JSstacktrace=========================================0:ExitFrame[pc:00007FF69790ABBD]Securitycontext:0x01e6a864

张中华·2023-10-18 22:02

小记Vite启动的时候无法通过IP+端口的方式访问

问题使用vite运行项目的时候，控制台会只出现localhost的方式访问项目。

A_bad_boy_hahaha·2023-10-18 22:53

vite 使用本地 ip + localhost 访问服务

vite使用本地ip+localhost访问服务在vite.config.js中，如果未配置server.host，默认服务将以localhost进行启动，此时我们可以通过localhost:port或

来杯卡布奇洛·2023-10-18 22:51

vite react react-pdf pdfjs-dist 加载不全的解决方案 cmaps本地路径

字体无法显示pdfjs-dist加载不全的解决方案Rollup配置rollup-plugin-copy插件，进行打包构建时的文件复制参考了网上诸多解决方案，都是webpack的引入包方式，照猫画虎，把vite

Li_Ning21·2023-10-18 20:12

ims-ui项目搭建

node版本：npm版本：创建vite项目：npmcreatevite@latest使用的vite版本为：安装router4,安装命令如下：npminstallvue-router@4安装pinia，安装命令如下

Richard.Wong·2023-10-18 20:57

vite+vue3+ts父子组件传值，及属性监听watch用法

本篇依旧采用vite+vue3+ts的组合，以及使用ant-design-vue的UI组件，对于这套组合和UI组件的项目部署，本篇不再讲解有需要了解的可以看《vite+vue3+ts简单例子todolist

jason_renyu·2023-10-18 17:13

vue2项目webpack转vite经验帖

项目技术栈：vue2.6.11、vue-router、elementUI、webpack第一步npminstall@originjs/webpack-to-vite-g第二步webpack-to-vite-d

丁嘉钦·2023-10-18 16:39

用 vite 2 平滑升级 vue 2 + webpack 项目实战

Vitevs.Webpack指标对比经过实际运行，在同一项目中、采用几乎相同的设置，结果如下：开发环节区别webpack:先转译打包，然后启动devserver热更新时，把改动过模块的相关依赖模块全部编译一次vite

CRMEB定制开发·2023-10-18 15:34

Vue3打包构建从webpack改为vite

Vue3打包构建从webpack改为vite前言package.jsonindex.html~~vue.config.js~~文件删掉创建vite.config.ts~~require~~无法使用，require

玛已·2023-10-18 15:34

将vue2+webpack 开发环境转为vite

森林里的小姑娘·2023-10-18 15:03

webpack 项目升级成vite项目

将webpack升级成vite得步骤：1.把public/index.html移动到项目根目录，把文件中的%PUBLIC_URL%去掉//%PUBLIC_URL%就是指向对应的public文件夹的绝对路径

axzzy·2023-10-18 15:20

推荐频道

vite