Vite 第14页

npm run dev,vite 配置 ip 访问

启动项目通过本地ip的方式访问方式一.通过修改package.json"scripts":{"dev":"vite--host0.0.0.0",},方式二.通过修改vite.config.tsexportdefaultdefineConfig

survivorsfyh·2024-01-13 14:53

开源了一款Vue3 & Ts & Vite4 & uni-app 驱动的跨端快速启动模板

一、开源项目简介由Vue3&Ts&Vite4&uni-app驱动的跨端快速启动模板。

神码观察·2024-01-13 10:24

Vite2 + Vue3技术栈，搭建开发项目

下面将Vite2+Vue3技术栈，搭建开发项目做下记录。Vue3：Vue.js是一套构建用户界面的渐进式框架。Vue只关注视图层，采用自底向上增量开发的设计。

wildelegant·2024-01-13 10:40

webpack vite对比

vite是基于esbulid预构建依赖，esbulid是采用go语言编写的，go语言是纳秒级别的。总结：因为js是毫秒级别，go语言是纳秒级别。所以vite比webpack打包器快10-100倍。

Joanne_Tang·2024-01-13 10:50

vue3打包后页面空白解决方法

vue3打包后页面空白解决方法问题解决方法问题最近写一个小项目没有打包的时候一切正常技术栈用的vue3+vite我用的是npm创建的项目npminitvue@latest问题一：打包后页面空白，什么都没有问题二

yijianace·2024-01-13 08:51

二十三、关于vite项目中无法使用minio的解决方案

问题背景项目需要上传大文件，既然是大文件，如果一次性进行读取发送、接收都是不可取的，很容易导致内存问题。所以对于大文件上传，就一定要实现切片上传、断点续传。如果自己实现相对比较麻烦，但好消息是我们的文件服务使用了开源的minio作为对象存储服务，并且minio也提供了JavaScriptClientSDK，顿时喜出望外，但当我正准备一顿操作时就遇到了问题…难受至极问题分析分析报错后发现原因是我们的

arguments_zd·2024-01-13 07:39

前端规范扩展

前端编程规范是基于原有vue2基础上那套《编码风格及标准》上，应用于vue3、typescript、vite2基础上延伸出来的扩展补充，持续完善一、编码规范ESLint代码检测工具+Pretter代码格式化工具配合双校验代码

arguments_zd·2024-01-13 07:39

node 第二十一天 webpack 初见

随着vite的出现，vue这一脉可能也许不再需要学习webpack了，但是需要知道的是，打包一定是前端工程化绕不开的一个概念，如果是一个足够了解webpack的开发者，日后再学习任何一款前端构建工具

飞衡、如日之升·2024-01-13 02:50

vue3.2引用unplugin-auto-import插入，解放开发中import组件

目录前言引用unplugin-auto-import插件的优缺点优点缺点unplugin-auto-import插件引入安装插件配置vite配置更新TypeScript配置使用代码位置总结前言是否添加unplugin-auto-import

Alex_Drag·2024-01-13 00:52

vue3.2引用unplugin-vue-components插入，解放开发中import组件

目录前言引用unplugin-vue-components插件的优缺点优点缺点unplugin-vue-components插件引入安装插件配置vite配置更新TypeScript配置使用代码位置总结Q

Alex_Drag·2024-01-13 00:51

银河麒麟v10安装前端环境（Node、vue、Electron+vite）

此帖子所提到的所有依赖包都是基于银河麒麟v10真机的arm架构包，如果是在windows上的虚拟机上把依赖包换成x64的包即可，方法步骤都是一样一.node安装原始方法安装（建议用第二种nvm方法，因为更简单）：1.1nodejs官网下载基于arm架构的包1.1.1或者打开终端使用wget方式安装wgethttps://nodejs.org/download/release/v18.19.0/no

m0_63701303·2024-01-12 19:49

vue3+vite 安装和配置less

1、安装//安装lessnpmiless-loaderless--save-dev2、vite.config.js配置css:{preprocessorOptions:{less:{modifyVars

余温无痕·2024-01-12 18:58

《三十一》开发模式构建工具 Vite

基于Vite4。

花铛·2024-01-12 12:12

Vue3项目目录结构以及变化一图看懂

通过createvue创建vue项目后的基本框架如下整体变化Vite.config.jsVue项目的配置信息，如：端口号等Package.json项目配置文件，包括项目名，版本号，依赖包，版本等package-lock.json

m0_58462450·2024-01-12 10:23

使用Vite创建vue3工程

介绍使用Vite构建工具，创建Vue3工程示例第一步：执行创建项目的命令，study-front-vue3是项目名称npminitvite-appstudy-front-vue3第二步：进入项目文件夹，

牧小七·2024-01-12 10:52

vue3+ts+vite+elementPlus后台管理系统学习总结01

vue3+ts+vite+elementPlus后台管理系统学习总结01一：运行源代码一：按照博客一步步操作1.ts中引入path模块出错：Cannotfindmodule'path'oritscorrespondingtypedeclarations

万物可爱_85·2024-01-12 08:40

怎样创建vue项目(分别基于vue-cli和vite两种的创建方式)

一、基于vue-cli脚手架创建1、安装node.js1、首先需要安装node.js，推荐下载地址：Node.js2、检查是否安装成功，使用打开黑窗口的快捷键window+R，输入cmd，在黑窗口输入node-v，如果输出版本号，就说明安装node环境成功，2、vue-cli搭建Vue开发环境VueCLI：命令行界面，俗称脚手架，VueCLI是一个基于webpack实现的，VueCLI是一个官方发

czy陈泽宇·2024-01-12 07:41

vue3+ts报错：无法找到模块“xxx.vue“的声明文件，xxx隐式拥有“any“类型

1、报错原因：typescript不能识别.vue文件2、解决方法：可以在vite-env.d.ts中添加以下代码，如果没有vite-env.d.ts，可以自己新建一个xxx.d.ts类型的文件即可declaremodule

czy陈泽宇·2024-01-12 07:41

解决vite项目发版后浏览器缓存问题

问题：更新环境的版本后，再次点开时是旧的前端下图中，当时最新的发布版本还是26号，却显示22号的打开某页面时，页面渲染失败，如下所示原因：vite默认配置后，打包后css和js的名字后面都加了哈希值，不会有缓存问题

蓝瑟·2024-01-12 05:07

tsconfig 的路径映射和 vite config 的 resolve.alias 有什么区别？

tsconfig的paths选项和vite.config.js的resolve.alias选项主要目的是相似的，即它们都能指定别名路径，使得你能从任何代码文件中，通过简短、易记和绝对的路径来引入其他模块

蓝瑟·2024-01-12 05:37

vite 中如何读取环境变量？

有如下.env文件VITE_APP_TITLE=MyApp在vite.config.ts中，读取VITE_APP_TITLEimport{defineConfig,loadEnv}from'vite'exportdefault

蓝瑟·2024-01-12 05:06

了解vite构建工具

随着前端应用越来越庞大复杂，例如上千个模块，基于js开发的工具（例如webpack、Rollup、Parcel）就会遇到性能瓶颈，而vite就是用来解决这个问题，他的与构建依赖的速度比js打包构建工具的速度快

wjs0406·2024-01-11 23:19

vue3+ts+vite项目从0 搭建，配置安装router/pinia/element-plus/scss等

一、安装vite环境官网：https://cn.vitejs.dev/guide/why.htmlnpminitvite1.选择vue2.选择typescipt3.创建成功默认项目结构如下4.安装项目依赖

葫芦娃y·2024-01-11 23:09

vue3+ts+vite中封装axios,使用方法从0到1

一、安装axiosnpminstallaxios@types/axios--save二、配置代理vite.config.ts，如果没有需要新建该文件module.exports={server:{proxy

葫芦娃y·2024-01-11 23:37

尚硅谷vite+vue3 （尚医通）项目实战笔记

在package.json启动命令中添加“dev”:“vite--open”,如何配置src的别名？

MissXu666·2024-01-11 23:36

Vue3+Vite打包跨平台(七牛、阿里OSS)上传部署前端项目

1、业务场景阅读之前，想了解一下各位观众老爷们，你们公司的项目是怎么部署的：1.本地打包手动上传服务器；2.本地打包自动上传服务器；3.代码仓库流水线自动构建；4.其他…；我们用的第3种部署方式，仓库代码合并到release之后自动打包部署，不过这个过程很耗费时间，且流水线是要收钱的。有一天，流水线到期了，部门主管打算节约成本，于是就开始让我们自己写一个脚本，用来部署公司项目；前端静态资源(项目图

领秀5858·2024-01-11 22:17

vite+mockjs+vite-plugin-mock 搭建mock环境

1.安装依赖npminstallmockjs-Snpminstallvite-plugin-mock2.配置vite.config.js一定要注意supportTs配置，这个是决定监听的是ts还是js，

守候_8b48·2024-01-11 19:31

vite：极速、轻量构建工具（结合vue3 ）

1.创建一个vite项目npminitvite-appcdnpminstallnpmrundev或者yarncreatevite-appcdyarnyarndev2.vite简介vite是一个基于Vue3

好了来看下一题·2024-01-11 17:57

如何使用startCMS进行应用开发，前端开发，后端开发

简介StartCMS是一个基于ThinkPHP6.0+、ElementUI、MicroApp的极速微应用开发框架前端不限技术栈，支持Vue2、Vue3、Vite、React、Rangular...后端不限制语言

彼岸496·2024-01-11 17:57

基于Vue3+TypeScript+Vite实现的文件在线预览 file-viewer3使用指南

基于Vue3实现的文件在线预览file-viewer效果预览：Vue3纯前端文档预览演示本项目作为当前仓库的vue3构建版本，会跟随vue2版本持续更新，敬请期待，欢迎提交issue和交流技术。注意，当前版本在v3分支。如果要使用Vue2版本，请访问https://blog.csdn.net/wybaby168/article/details/129264431本项目是本人基于实际工作共享的第一个

小爬的老粉丝·2024-01-11 17:57

Vite2 + Vue3 + TypeScript + Pinia 搭建一套企业级的开发脚手架【值得收藏】

这篇文章就来帮助大家如何快速使用vue3.x，typeScript，vite搭建一套企业级的开发脚手架。

前端开发爱好者——·2024-01-11 17:25

vite前端工具链，为开发提供极速响应

一、概念Vite是一个高性能的分布式智能合约平台。它使用了一种名为“异步架构”的设计，能够支持高吞吐量和低延迟的交易处理。

雪梅零落·2024-01-11 17:50

vite打包vue2 history路由模式的的项目部署线上后＜router-view /＞页面显示空白，命令行也不报错，本地是没有问题的

如题，本地畅通无阻，但是部署到服务器上就无法访问，本地是localhost://login可以访问到，但是因为我这里所有前端项目有一个路由映射，相当于是一个二级路由，导致线上路由出错，所以给路由加一个base就可以。每个人情况不同，酌情参考！！当然还要注意自己项目的nginx配置。我这种情况下的解决方案：constrouter=newVueRouter({mode:'history',base:'

前端碎碎念·2024-01-11 17:10

Vite+vue3+Ts+pinia开发（四：SCSS、Axios以及别名@的使用）

首先你完成了如下：Vite+vue3+Ts+pinia实战（一：初始、基础安装、踩坑）Vite+vue3+Ts+pinia开发（二：路由、pinia、UI库安装）Vite+vue3+Ts+pinia开发

邪七·2024-01-11 13:34

vue3常用插件的使用方法：按需引入自定义组件，自动导入依赖包，自动生成路由，自动生成模拟数据

文章目录一、按需引入自定义组件：unplugin-vue-components1.安装[unplugin-vue-components]2.在vite中使用二、自动导入依赖包：unplugin-auto-import1

邹荣乐·2024-01-11 11:50

如何给 unplugin-vue-components/vite 写一个简单的 resolver

大部分工作unplugin-vue-components都已经处理好了,我们只需要接收组件名来判断是否是自己的组件,然后处理对应的导入逻辑。一共3个字段as重命名类似import{componentNameReName}from‘xxxx’name组件名import{componentName}from‘xxxx’from导入路径,此处你可以根据自己需要来处理对应的路径sideEffects此处字

是阿臻·2024-01-11 07:33

如何使用vite框架封装一个js库，并发布npm包

经过一番折腾，发现vite也可以。大多数同学可能使用vite作为脚手架去构建vue、react开

任磊abc·2024-01-11 07:40

vue3+ts笔记

创建项目：npmcreatevue@latestnpminstall页面渲染原理：vite项目中，index.html是项目的入口文件，在项目最外层。加载index.html后，vite解析指向js。

初心w50t2·2024-01-11 07:03

webpack vite下px转vw方案postcss-px-to-viewport，兼容vant

webpack环境下（设计稿宽度750）下载插件npminstallpostcss-px-to-viewport-D创建postcss.config.jsconstpath=require("path");module.exports=({file})=>{如果设计稿宽度就是375那么就=375就行constdesignWidth=file.dirname.includes(path.join("

菜鸟工程师2号·2024-01-11 06:17

静态资源的动态访问

通常情况下，我们写在css中的背景图，经过vite或者webpack的打包编译后会生成文件指纹信息现在需求是这个图片需要动态变化（路径某部分需要动态替换）。

郑建洋·2024-01-11 06:16

vue3 +TS axiox接口模块添加，fast mock接口访问测试

：后续后端真实接口需要替换baseURL，目前没有使用配置文件，后续更换3.新建src/utils/storage.ts文件4.新建src/utils/formDataFormat.ts文件，5.修改vite.config.ts

程序猿online·2024-01-11 05:36

2024年Vue 3学习笔记：Vu3基础的完整指南

文章目录开篇总结1.创建Vue3工程1.1【基于vue-cli创建】1.2【基于Vite创建】（Vue官方推荐）1.3【基于Vite官方create-vite创建】2.Vue3语法核心2.1【拉开序幕的

放荡不羁的小雨鸽·2024-01-11 05:33

细节！！！整理Vue项目中的那些环境变量

但是我这里想去给他专个明白，因为基于传统Vue2+Webpack的项目与Vue3+Vite**的项

放荡不羁的小雨鸽·2024-01-11 05:03

Cannot find module ‘@/components‘ or its corresponding type declarations.Vetur(2307)

后来发现是tsconfig.json没有配置{"extends":"@quasar/app-vite/tsconfig-preset","compilerOption

xiaotao131·2024-01-10 16:33

vite创建项目，报错“Cannot find module ‘./App.vue‘ or its corresponding type declaration” 问题解决方法

安装vite框架（Vue3）后，项目“main.ts”文件中“importAppfrom‘./App.vue’”部分有红色报错提示，其他文件有些import引入文件也报错。

So.九天·2024-01-10 16:01

解决Cannot find module ‘./App.vue‘ or its corresponding type declaration 的问题

报错原因：vite使用的是ts，ts不识别.vue后缀的文件具体问题如下：在main.ts中导入App.vue文件报该错误解决方法：在vite项目的根vite-env.d.ts文件中添加下面的代码declaremodule

柳衣白卿·2024-01-10 16:00

webstorm报错：TS2307: Cannot find module ‘./App.vue‘ or its corresponding type declarations

/App.vue’oritscorrespondingtypedeclarations.错误原因ts不认识.vue文件解决方案在App.vue同级目录下新建vite-env.d.ts文件，并在该文件中添加以下内容

程序猿想成程序狮·2024-01-10 16:58

VSCode Vite4+Vue3 Cannot find module ‘./App.vue‘ or its corresponding type declarations.ts

项目根目录：vite-env.d.ts加入declaremodule"*.vue"{import{DefineComponent}from"vue"constcomponent:DefineComponentexportdefaultcomponent

beeniz·2024-01-10 16:28

vue3 setup + ts + vite 项目问题解决：Cannot find module ... or its corresponding type declarations.（ts2307）

昨日我尝试使用vue3setup+ts+vite进行vue3项目的实现，遇到此问题：Cannotfindmodule…oritscorrespondingtypedeclarations.

bsefef·2024-01-10 16:27

TS2307: Cannot find module ‘./App.vue‘ or its corresponding type declarations.

目录1.问题描述2.解决方案一：VSCode+Volar（官方推荐）3.解决方案二：WebStorm2023.2+（官方推荐）4.解决方案三：禁用严格类型检查选项（不推荐）5.解决方案四：修改vite-env.d.ts

Roc.Chang·2024-01-10 16:25

推荐频道

Vite