Vite 第11页

vite + javascript 创建纯 javascript项目

1、环境搭建：需要安装node管理器命令：安装了node的后，可以使用npm，也可以安装使用cnpm/pnpm下载cnpmnpminstall-gcnpm--registry=https://registry.npm.taobao.org下载pnpmnpmi-gpnpmpnpmconfigsetregistryhttps://registry.npmmirror.com/2、初始化项目#npmnp

阳光下的雨u·2024-01-15 20:47

在vue3+vite项目中使用vw和vh适配

简介：在Vue3+Vite项目中，使用Sass预处理器可以极大地提升样式编写的效率和可维护性。

梦想家加一·2024-01-15 17:24

NPM进阶知识与用法详解（二）

文章目录一、NPM高级用法1.NPM模块发布与私有模块管理2.NPM钩子函数3.NPM包管理与优化二、NPM与现代化前端工具链1.NPM与Yarn、PNPM的比较2.NPM在Webpack、Vite等构建工具中的应用

球球不吃虾·2024-01-15 15:25

Vue+Koa2 搭建前后端分离项目

Vue+Koa2搭建前后端分离项目简单的一个Demo演示:Vue和Koa2在本地搭建前后端分离项目.重点:跨域当前环境:1,Vite搭建的Vue前端项目(也就是Vue3了).2,Koa2搭建的后端项目.

Leo_DLi·2024-01-15 12:53

前端工程化回顾-vite 构建神器

1.构建vite项目pnpmcreatevite2.常用的配置：1.公共资源路径配置：base:'./',默认是/2.路径别名配置：resolve:{alias:{'@':path.resolve(__

江南一舟110·2024-01-15 12:35

vite jwt

JWT全称JSONWebToken，是一种为网络应用环境间传递声明而执行的基于JSON的开发标准（RFC7519）。实现页面刷新时判断JWT是否存在或过期跨域认证JWT是目前最流行的跨域认证解决方案用户认证的普通流程客户端向服务器发送账户和密码服务端验证后在当前会话中保存相关数据，比如角色、登录时间等。服务器向客户端返回一个session_id并写入客户端Cookie客户端后续每次请求前先从Coo

JunChow520·2024-01-15 10:40

playwright

安装：pnpmcreateplaywright@latest浏览器内核：chromiumfirefoxwebkit创建一个vite+vue3的项目pnpmcreatevite按照playwrightpnpmcreateplaywright

baidu_41921865·2024-01-15 09:39

如何判断 vite 的运行环境是开发模式还是生产模式 production？ development？

如何判断vite的运行环境是开发模式还是生产模式production？development？

十月ooOO·2024-01-15 07:44

缓存机制

之前在学vite时，vite开发模式基于esbuild，现代浏览器都已经原生支持esbuild，只要使用支持esm的浏览器开发，vite会将源码模块的请求会根据304NotModified进行协商缓存，

buffonme·2024-01-15 04:40

vue3+threejs可视化项目——搭建vue3+ts+antd路由布局（第一步）

yma16·2024-01-14 20:40

使用vite创建vue3项目

1、使用管理员身份打开命令行窗口，输入命令:npmcreatevue@latestTypeScript语法选择是，其他依次选择否，创建完毕。2、创建完毕后打开项目，vscode会提示安装开发相关的插件，选择install3、打开vscode终端，输入npmi安装程序所需要的依赖包安装完毕后打开下述文件不会报错了，该文件是为了引入ts能辨别相关文件4、上述完成后，输入npmrundev可启动项目

毎天要喝八杯水·2024-01-14 18:34

Vite热更新失效

总结如果时刷新页面时候会更新，可以确认一下vite.config.js内有无配置server:{hmr:true}，true为热更新，false为不热更新。

OooooYi·2024-01-14 16:44

Vue3 移动端自适应方案postcss-px-to-viewport

我的环境依赖名版本pnpm8.14.0Node16.20.1Vue3.3Vite5.0.8一、安装[email protected]二、配置

HaushoLin·2024-01-14 15:06

【Threejs】代码+图文带你快速上手

个人主页：南木元元在上篇文章中，我们已经介绍了three.js，并使用vite搭建了three.js的开发环境，实现了第一个3D场景。

南木元元·2024-01-14 14:49

Vue3+Vite连接高德地图JS API——地图显示、输入搜索

1开通高德地图Web端JSAPI服务1、进入高德地图API官网（https://lbs.amap.com/）：2、注册登录。3、进入控制台。4、点击“应用管理”，点击“我的应用”，创建新应用。5、添加Key，服务平台选择“Web端（JSAPI）”，白名单不要填写，勾选阅读并同意。点击提交后，就能看到Key已经生成，记住这里的Key和安全密钥。2配置Vue项目文件2.1简易方法因此直接下载官方提供的

阳排·2024-01-14 06:10

vite+vue3创建项目及开发常见的问题

创建项目1、npmcreatevite@latest下一步，选vue下一步，选typescript成功；2、进入项目，npminstall手动安装vue和vite相关的依赖包；3、npmrundev运行项目常见问题

whatever who cares·2024-01-14 02:32

Vue3中的路由以及钩子函数使用

[email protected]{"name":"vue3-life","version":"0.0.0","scripts":{"dev":"vite

DanceDonkey·2024-01-13 23:36

Vue学习笔记六--Vue3学习

的优势2、创建Vue3工程前提：node-v查看node版本，需要在16.0及以上创建命令npminitvue@latest,先安装create-vue然后创建项目然后执行npmrundev提示sh:vite

夜阑卧听风吹雨，铁马冰河入梦来·2024-01-13 21:30

用React给XXL-JOB开发一个新皮肤（二）：目录规划和路由初始化

目录一.简述二.目录规划三.Vite配置3.1.配置路径别名3.2.配置less四.页面4.1.入口文件4.2.骨架文件4.3.普通页面五.路由配置六.预览启动一.简述上一篇文章我们介绍了项目初始化，此篇文章我们会先介绍下当前项目的目录规划

lucky.麒麟·2024-01-13 20:35

Vue3+Vite项目搭建

为什么选择vite而不是vue-cli：vite下一代前端开发与构建工具vite创建的项目默认vue3优势：开发环境中，无需打包，可快速的冷启动轻量快速的热重载（HMR）真正的按需编译，不在等待整个应用编译完成

前端小趴菜05·2024-01-13 19:30

vue3+Vite+Js项目搭建之：.env、.env.development、.env.production 环境变量配置

前言：使用import.meta.env.VITE_APP_BASE_API调用环境变量开发环境使用：**.env.development**#开发环境配置ENV='development'#开发环境地址

前端小趴菜05·2024-01-13 19:30

vite 深入浅出

简介vite(轻量，轻快的意思)是一个由原生ESModule驱动的Web开发前端构建工具。浏览器原生ESM：浏览器支持的JavaScript模块化标准，可以直接使用标签加载模块，无需打包或转译。

Avicli·2024-01-13 18:54

用React给XXL-JOB开发一个新皮肤（三）：实现登录页和Layout骨架

请求四.登录页面4.1.搭建登录页面4.2.对接登录接口五.Layout骨架5.1.搭建骨架5.2.Header5.3.修改密码5.4.退出登录六.其他一.简述上一篇文章我们介绍了项目的目录规划、修改vite

lucky.麒麟·2024-01-13 15:28

Uncaught (in promise) ReferenceError: require is not defined

require但浏览器却抛出了异常Uncaught(inpromise)ReferenceError:requireisnotdefined因为require采用的webpack加载方式,而vue3中通过vite

survivorsfyh·2024-01-13 14:27

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