E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
Vite
Vue
Vite
自定义插件启动打印LOGO艺术字
Vite
自己自定义一个插件
Vite
写插件,实际就是写一个函数,或者类,在里面指定一些特定的钩子函数,这些钩子函数会在特定的打包过程中特定的情况下自动执行。
小江江、
·
2024-01-17 18:59
vue.js
javascript
前端
vite
创建 react 项目
npmcreatevite@latest选择react和ts安装reduxreact-reduxnpmireduxreact-redux安装react-router-domnpmireact-router-dom安装reset-css样式初始化npmireset-css在main.tsx中引入import"reset-css"清除浏览器默认样式安装sassnpmisass$color:burlyw
C先生20190721
·
2024-01-17 17:27
react.js
javascript
前端
vue3+ts+
vite
配置项目引入@surely-vue/table less报错
在项目当中报错InlineJavaScriptisnotenabled.Isitsetinyouroptions?修改配置如下:return{css:{preprocessorOptions:{less:{javascriptEnabled:true//开启less编译,注意:这个很重要}}},}
Shero.李建业
·
2024-01-17 08:07
vue3
typescript
vue.js
less
前端
vite
和webpack的区别
Vite
则是一种基于浏览器原生ES模块解析的构建工具,它通过在服务器端搭建开发环境,在浏览器中使用原生ES模块的方
代码真的养发
·
2024-01-17 07:42
前端
vue
不同打包工具下的环境变量配置方式对比
本文主要介绍利用不同的工具:Webpack、
Vite
、Rollup打包项目的环境变量的配置方式。proces
奇舞周刊
·
2024-01-17 07:42
017-Vue-尚硅谷2023:
1.2前端工程化实现技术栈前端工程化实现的技术栈有很多,我们采用ES6+nodejs+npm+
Vite
+VUE3+router+pinia+axios+Element-plus组合来实现ECMAScript6VUE3
清风微凉 aaa
·
2024-01-17 06:31
三
JavaWEB阶段
vue.js
前端
javascript
vue3动态路由搭建方法
因为动态路由对权限的划分是一个最有效的解决方法,下面我们就开始搭建一个动态路由的项目,使用技术是
vite
+ts+vue3+pinia+mock,mock主要用于模拟请求接口之后的处理,更接近实际项目2、
hymuuuu
·
2024-01-17 04:07
软件系统
vue.js
开源软件
十四、Three场景物体增加描边
本次使用的是threejs138版本,在vue3+
vite
+ant的项目中使用。下面来看看实现的效果。房子建筑有了明显的描边效果。
arguments_zd
·
2024-01-17 01:41
3D开发专栏
前端
javascript
开发语言
十三、Three场景物体增加发光特效
本次使用的是threejs138版本,在vue3+
vite
+ant的项目中使用。下面来看看实现的效果。绿色罐体有了明显的发光效果。
arguments_zd
·
2024-01-17 01:10
3D开发专栏
前端
javascript
开发语言
第38期 NutUI视频组件开发心得 & 前端如何在项目中做出亮点 & 移动前端开发和Web前端开发的区别是什么
vite
的启动链路以及背后的部分原理
Vite
,一个基于浏览器原生ESimports的开发服务器。利用浏览器去解析import
前端收藏家
·
2024-01-16 19:43
《
Vite
基础知识》使用 Glob 动态加载 .vue 文件
前言开发基于
Vite
+Vue3的组件库,多个.vue文件需要动态加载!注意import.meta.globEager已经弃用,请使用import.meta.glob来代替!
AvatarGiser
·
2024-01-16 19:56
《Vite
基础知识》
vue.js
vite
vue3+
vite
+ts环境定义
1.定义文件.env.deveolpment等其中定义内容2.基础定义NODE_ENV='development'3.其他定义以
VITE
_开头4.在你需要地方通过import.meta.env.xxxx
陈不知代码
·
2024-01-16 18:01
vue3
前端
javascript
服务器
vue.js
vue3
vite
vite
打包相关+本地http-server运行打包dist文件进行检测
目录一.去到
vite
.config.ts文件1.添加内容2.解释3.打包二.本地开启http-server服务1.全局安装http-server1.1可以通过如下命令查看是否安装http-server1.2
程序猿online
·
2024-01-16 18:18
前端代码应用实例
vite创建vue3
TS项目实例
前端
vue.js
javascript
react-redux项目工程搭建,vuex写法,基于react+
vite
+ts
这套封装写法和vuex中的写法一样。1、下载redux、react-redux"react-redux":"^7.2.8","redux":"4.1.2",2、在src目录下创建store:/src/store,store目录下有两个文件:index.ts、reducer.ts--src--storeindex.tsreducer.ts3、index.ts文件内容import{createStor
前端小菜姬
·
2024-01-16 17:17
react.js
javascript
前端
vite
4加react18加ts-hooks学习篇
vite
4加react18加ts-安装篇;最近从vue3转型学习了,react相关技术架构,去有意识的去学习了相关东西,内容比较实用,没有引入太多原理和概念,就是最直接最实用的记录下来;react项目中版本
web前端进阶者
·
2024-01-16 14:54
react
typescript
javascript
前端
vue3和
vite
双向加持,uni-app性能再次提升
uni-app对vue3&
Vite
的升级,是一个渐进式过程:2020年9月:小程序平台支持vue3开发,小程序平台编译器依然使用webpack;2021年5月:H5平台支持vue3开发,H5平台编译器升级为
邵张散人
·
2024-01-16 12:55
Tauri+
Vite
+Vue3创建项目步骤
1、按照官网文档创建tauri项目npmcreatetauri-app然后按顺序填:1、项目名称:2、选择你的packagemanager3、选择你的前端框架然后再一步一步执行下面命令cd刚才创建的项目名称npminstallnpmruntauridev然后出现第一次可能没有反应(或者需要=很久才有反应),ctrl+c退出,然后重新npmruntauridev。这个时候就可以桌面程序dev了第一次
豪先生5
·
2024-01-16 11:20
tauri
vue.js
npm
前端
Vue + JS + tauri 开发一个简单的PC端桌面应用程序
PC端桌面应用程序文章目录Vue+JS+tauri开发一个简单的PC端桌面应用程序1.环境准备1.1安装MicrosoftVisualStudioC++生成工具[^2]1.2安装Rust[^3]2.使用
vite
百里狂生
·
2024-01-16 11:43
node
vue
javascript
javascript
vue.js
前端
tauri
单页面
vite
打包学习
前端工程化本人真的很发怵,一直也没有专心去突破一下,都是能用就用,所以今天小小学习一下打包,先从单页面应用的
vite
打包开始。本文主要是一些我的大白话和有限的经验,如有问题望指正。
自己瞎琢磨
·
2024-01-16 09:38
学习
前端
vue.js
vue3+
vite
项目构建时报错npm ERR! code EPERMnpm ERR! syscall mkdir...
vscode终端中输入npmcreatevite@latestvueviteproject1----vue命令后报错具体报错如下:PSD:\project>npmcreatevite@latestvueviteproject1----vue>>npmERR!codeEPERMnpmERR!syscallmkdirnpmERR!pathD:\node\node_cache\_cacachenpmER
平平无奇 > _ <
·
2024-01-16 09:06
npm
前端
node.js
使用
vite
框架封装vue3插件,发布到npm
目录一、vue环境搭建1、创建App.vue2、修改main.ts3、修改
vite
.config.ts二、插件配置1、创建插件2、开发调试3、打包配置4、package.json文件配置上一篇文章讲述使用
任磊abc
·
2024-01-16 09:00
vite
npm
前端
vue
插件
组件
vite
环境基础配置
import{defineConfig}from"
vite
";importAutoImportfrom"unplugin-auto-import/
vite
";importComponentsfrom"unplugin-vue-components
Gifted_
·
2024-01-16 06:59
前端性能优化
前端性能优化可以从以下几个方面来看:一、打包体积方面:—体积小可以减少网络传输时间
vite
:https://www.duidaima.com/Group/Topic/Vue/12079https://blog.csdn.net
和科比合砍81分
·
2024-01-16 04:58
前端
性能优化
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
javascript
开发语言
ecmascript
在vue3+
vite
项目中使用vw和vh适配
简介:在Vue3+
Vite
项目中,使用Sass预处理器可以极大地提升样式编写的效率和可维护性。
梦想家加一
·
2024-01-15 17:24
css
前端
NPM进阶知识与用法详解(二)
文章目录一、NPM高级用法1.NPM模块发布与私有模块管理2.NPM钩子函数3.NPM包管理与优化二、NPM与现代化前端工具链1.NPM与Yarn、PNPM的比较2.NPM在Webpack、
Vite
等构建工具中的应用
球球不吃虾
·
2024-01-15 15:25
前端包管理工具
npm
前端
node.js
Vue+Koa2 搭建前后端分离项目
Vue+Koa2搭建前后端分离项目简单的一个Demo演示:Vue和Koa2在本地搭建前后端分离项目.重点:跨域当前环境:1,
Vite
搭建的Vue前端项目(也就是Vue3了).2,Koa2搭建的后端项目.
Leo_DLi
·
2024-01-15 12:53
Vue
Node
Vue
Koa2
跨域
前端工程化回顾-
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
缓存机制
之前在学
vite
时,
vite
开发模式基于esbuild,现代浏览器都已经原生支持esbuild,只要使用支持esm的浏览器开发,
vite
会将源码模块的请求会根据304NotModified进行协商缓存,
buffonme
·
2024-01-15 04:40
vue3+threejs可视化项目——搭建vue3+ts+antd路由布局(第一步)
文章目录⭐前言vue3系列相关文章⭐搭建vue3项目过程初始化项目添加antd和router依赖
vite
配置项映射目录和代理antd国际化layout布局封装
vite
读取modules目录文件作为路由main
yma16
·
2024-01-14 20:40
threejs框架
vue3
typescript
threejs
javascript
使用
vite
创建vue3项目
1、使用管理员身份打开命令行窗口,输入命令:npmcreatevue@latestTypeScript语法选择是,其他依次选择否,创建完毕。2、创建完毕后打开项目,vscode会提示安装开发相关的插件,选择install3、打开vscode终端,输入npmi安装程序所需要的依赖包安装完毕后打开下述文件不会报错了,该文件是为了引入ts能辨别相关文件4、上述完成后,输入npmrundev可启动项目
毎天要喝八杯水
·
2024-01-14 18:34
vue.js
前端
javascript
Vite
热更新失效
总结如果时刷新页面时候会更新,可以确认一下
vite
.config.js内有无配置server:{hmr:true},true为热更新,false为不热更新。
OooooYi
·
2024-01-14 16:44
vue.js
前端
前端框架
Vue3 移动端自适应方案postcss-px-to-viewport
我的环境依赖名版本pnpm8.14.0Node16.20.1Vue3.3
Vite
5.0.8一、安装pnpminstallpostcss-px-to-viewport@1.1.1--save-dev二、配置
HaushoLin
·
2024-01-14 15:06
Vue3
postcss
前端
javascript
css
vue
【Threejs】代码+图文带你快速上手
个人主页:南木元元在上篇文章中,我们已经介绍了three.js,并使用
vite
搭建了three.js的开发环境,实现了第一个3D场景。
南木元元
·
2024-01-14 14:49
#
three.js
three.js
3d
可视化
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
javascript
开发语言
ecmascript
vite
+vue3创建项目及开发常见的问题
创建项目1、npmcreatevite@latest下一步,选vue下一步,选typescript成功;2、进入项目,npminstall手动安装vue和
vite
相关的依赖包;3、npmrundev运行项目常见问题
whatever who cares
·
2024-01-14 02:32
vue
vue
Vue3中的路由以及钩子函数使用
vue-routernpminstallvue-router@4.0.0-beta.13package.json{"name":"vue3-life","version":"0.0.0","scripts":{"dev":"
vite
DanceDonkey
·
2024-01-13 23:36
前端
vue
Vue3
生命周期
Vue学习笔记六--Vue3学习
的优势2、创建Vue3工程前提:node-v查看node版本,需要在16.0及以上创建命令npminitvue@latest,先安装create-vue然后创建项目然后执行npmrundev提示sh:
vite
夜阑卧听风吹雨,铁马冰河入梦来
·
2024-01-13 21:30
Vue
vue.js
学习
笔记
用React给XXL-JOB开发一个新皮肤(二):目录规划和路由初始化
目录一.简述二.目录规划三.
Vite
配置3.1.配置路径别名3.2.配置less四.页面4.1.入口文件4.2.骨架文件4.3.普通页面五.路由配置六.预览启动一.简述上一篇文章我们介绍了项目初始化,此篇文章我们会先介绍下当前项目的目录规划
lucky.麒麟
·
2024-01-13 20:35
前端
Vue
add
React
React
Hooks
TS
antd
xxl-job
Vue3+
Vite
项目搭建
为什么选择
vite
而不是vue-cli:
vite
下一代前端开发与构建工具
vite
创建的项目默认vue3优势:开发环境中,无需打包,可快速的冷启动轻量快速的热重载(HMR)真正的按需编译,不在等待整个应用编译完成
前端小趴菜05
·
2024-01-13 19:30
前端
vue.js
javascript
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
javascript
前端
vue.js
vite
深入浅出
简介
vite
(轻量,轻快的意思)是一个由原生ESModule驱动的Web开发前端构建工具。浏览器原生ESM:浏览器支持的JavaScript模块化标准,可以直接使用标签加载模块,无需打包或转译。
Avicli
·
2024-01-13 18:54
vite
源码解析
vue.js
前端
前端框架
用React给XXL-JOB开发一个新皮肤(三):实现登录页和Layout骨架
请求四.登录页面4.1.搭建登录页面4.2.对接登录接口五.Layout骨架5.1.搭建骨架5.2.Header5.3.修改密码5.4.退出登录六.其他一.简述上一篇文章我们介绍了项目的目录规划、修改
vite
lucky.麒麟
·
2024-01-13 15:28
前端
Vue
add
React
React
Hooks
TS
Antd
xxl-job
Uncaught (in promise) ReferenceError: require is not defined
require但浏览器却抛出了异常Uncaught(inpromise)ReferenceError:requireisnotdefined因为require采用的webpack加载方式,而vue3中通过
vite
survivorsfyh
·
2024-01-13 14:27
Vue
vue.js
前端
javascript
npm run dev,
vite
配置 ip 访问
启动项目通过本地ip的方式访问方式一.通过修改package.json"scripts":{"dev":"
vite
--host0.0.0.0",},方式二.通过修改
vite
.config.tsexportdefaultdefineConfig
survivorsfyh
·
2024-01-13 14:53
Vue
npm
前端
node.js
vite
开源了一款Vue3 & Ts &
Vite
4 & uni-app 驱动的跨端快速启动模板
一、开源项目简介由Vue3&Ts&
Vite
4&uni-app驱动的跨端快速启动模板。
神码观察
·
2024-01-13 10:24
开源推荐
uni-app
Vite
2 + Vue3技术栈,搭建开发项目
下面将
Vite
2+Vue3技术栈,搭建开发项目做下记录。Vue3:Vue.js是一套构建用户界面的渐进式框架。Vue只关注视图层,采用自底向上增量开发的设计。
wildelegant
·
2024-01-13 10:40
上一页
8
9
10
11
12
13
14
15
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他