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
将vue2+webpack 开发环境转为
vite
文章目录步骤1、安装
vite
相关的包2、新建
vite
.config.js3、index.html引入main.js4、main.js引入App.vue方式调整5、调整自定义模块、路由引入方式:require
森林里的小姑娘
·
2023-10-18 15:03
vue
javascript
vite
开发环境
webpack 项目升级成
vite
项目
将webpack升级成
vite
得步骤:1.把public/index.html移动到项目根目录,把文件中的%PUBLIC_URL%去掉//%PUBLIC_URL%就是指向对应的public文件夹的绝对路径
axzzy
·
2023-10-18 15:20
vue.js
Vite
踩坑 —— require is not defined
动态require引入图片报错require是属于Webpack的方法,而我使用的是
Vite
,所以我们需要去寻找
Vite
静态资源处理的方法所以,我们只需要将代码改写以下形式即可。
Harriet嘉
·
2023-10-18 14:30
javascript
vue3+
vite
创建项目
vue3+
vite
创建项目1.npminitvite-app项目名称2.cd项目名称3.npminstall《安装项目依赖包》4.npmrundev《启动项目》
不染-9732
·
2023-10-18 14:33
vue
vue.js
前端
npm
vue3使用
vite
创建项目【2分钟】
命令讲解【查看版本】[dalaojun@localhostluichunvue]$node-vv14.15.0[dalaojun@localhostluichunvue]$npm-v7.19.1[dalaojun@localhostluichunvue]$vue-V@vue/cli4.5.13【升级vue】cnpmupdate-g@vue/cli【显示下面的是表示已经弃用,不用理会】[dalaoj
LuiChun
·
2023-10-18 14:33
vue
vue
vue3使用
vite
创建项目
[email protected]
切换到本项目3.然后选择vue项目4.进入到本项目下载依赖npmi5.然后npmrundev运行项目
神的少女光芒万丈
·
2023-10-18 14:29
笔记
vue.js
使用
vite
创建vue3项目
一、创建项目1.打开文件,前往需要创建项目的目录,输入cmd,回车打开。2.输入命令创建项目3.输入项目名称,选择需要创建的项目,选择所需类型,即可创建成功4.通过vscode打开项目,安装依赖后,运行项目pnpminstallpnpmrundev5.打开网站出现首页,项目就算创建完成了
音巧思成宇
·
2023-10-18 14:29
前端学习
vue.js
前端
javascript
使用
Vite
创建 Vue 3 项目
首先,需要安装Node.js和npm,可以参考相关文章,本文不再赘述注意:
Vite
需要Node.js版本14.18+,16+。
孤舟蓑影
·
2023-10-18 14:59
vue.js
javascript
前端
vue3+
vite
+ts创建项目
1.
Vite
是一种新型前端构建工具,能够显著提升前端开发体验。
Vite
需要Node.js版本>=12.0.0。
芒果味的葡萄
·
2023-10-18 14:28
前端
vue.js
vscode
typescript
Vue3+
vite
创建项目
1.使用命令重新创建项目yarncreatevite--templatevue2.进入项目目录cd3.添加Vue-Routeryarnaddvue-router@4--save4.安装依赖并运行yarn&&yarndev
欢乐多~
·
2023-10-18 14:58
Vue学习笔记
vue.js
elementui
javascript
vue3-
vite
项目创建
vue3-
vite
项目创建,router路由配置,安装vant组件前提1、win11设备,安装node16版本以上;win10最高支持12版本。
陈艾落
·
2023-10-18 14:27
vue.js
javascript
前端
vue
使用
Vite
创建VUE项目
使用
Vite
来创建vue项目很久没有接触前端的技术了,一下子就冒出来很多技术,有的根本没见过呀,vue变成了3,vue-cli也变得不好用了,说
vite
很好用,那就创建个项目试试吧。
再战300年
·
2023-10-18 14:57
前端框架
vue.js
javascript
前端
Vue3使用
Vite
创建项目
node版本:node-vv18.16.0npm版本:npm-v9.5.1ViteVite:是一种新型前端构建工具,能够显著提升前端开发体验脚手架,创建Vue项目,替代Vue-cli基于
Vite
创建vue
征途漫漫,唯有奋斗
·
2023-10-18 14:23
Vue3
vue.js
前端
Vue3项目上线打包优化
之前整理过Vue2项目上线打包优化,在vue3中,使用
vite
打包,配置稍微改了改。
kangaroo.
·
2023-10-18 11:20
Vue
vue3
线上打包
性能优化
vite
three.js学习-智慧城市
前言在前面基础知识(摄像机,渲染器,轨道控制器,坐标轴,场景适配,渲染循环、几何体、材质、光等)有了基础了解后,还需要对着色器(坐标)有一定的学习了解然后就可以做智慧城市的项目了技术:
vite
+js以下是项目预览
Best_卡卡
·
2023-10-18 11:03
智慧城市
three.js
webgl
vite
nginx 实现同端口部署多个vue项目
history:createWebHistory("/"),history:createWebHistory("/admin/"),routes,});验证:本地运行后缀有自动加上/admin二、修改
vite
.config.jsexportdefaultdefineConfig
itwlz
·
2023-10-18 09:00
nginx
vue.js
运维
Nginx 同一端口下部署多个 Vue3 项目
主子项目之间是使用的腾讯开源的无界(WebComponent容器+iframe沙箱)前端框架,能够完善的解决适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、
vite
框架支持、
tansci
·
2023-10-18 09:25
nginx
运维
vue
vite
-vue3开发环境搭建
目前项目还未使用
vite
以及vue3。
z_hboot
·
2023-10-18 09:45
基于react18+
vite
4.x仿微信|react-chat聊天室
ReactChat聊天IM实例|react18.x仿微信App基于最新构建工具
Vite
4.x创建react18聊天项目,使用了react18+react-dom+react-vant+zustand等技术架构开发
xiaoyan_2018
·
2023-10-18 07:47
react18
hooks
react18
hooks
react-chat聊天室
react18仿微信
react18
IM聊天
react18-webchat:基于react+arco+zustand仿微信客户端聊天实例
React18Hooks+
Vite
4网页聊天项目|react仿微信实战ReactChat。
xiaoyan_2018
·
2023-10-18 07:47
react18
hooks
react项目案例
react18-webchat
react18
hooks聊天
react18+zustand
react18+arco实例
react仿微信
vue3+
Vite
+typeScript+Arco Design搭建企业管理后台
vite
官网的这句话,我就简单粗暴的理解成简单的搭建模式,命令如下,当然因为npm版本不同,命令略有差异,建议您先查看npm版本npm-v#npm6.xnpminit@vitejs/app[项目名]--
欣~语
·
2023-10-18 07:11
vue.js
基于react18+arco+zustand通用后台管理系统React18Admin
React-Arco-Admin轻量级后台管理系统解决方案基于
vite
4构建react18后台项目ReactAdmin。
xiaoyan_2018
·
2023-10-18 07:04
react18+arco实例
react18
hooks
react18-admin
react+arco后台管理
react18+zustand
react18
hooks后台
react18管理系统模板
vite4+react18
使用vscode +
vite
+ vue3+ element3 搭建vue3脚手架
技术栈开发工具:VSCode代码管理:Git前端框架:Vue3构建工具:
Vite
路由:vue-router状态管理:vuexAJAX:axiosUI库:element-ui3数据模拟:mockjscss
灰子
·
2023-10-18 05:04
vscode
ide
编辑器
Websocket:vue + node 实现实时通信
一、案例使用的相关技术1.前端这里使用
Vite
配合浏览器的WebSocket。
爱勇宝
·
2023-10-18 03:11
websocket
vue.js
websocket
javascript
websocket+node+
vite
(vue)实现一个简单的聊天
1.前端逻辑本项目基于之前搭建的
vite
环境:https://blog.csdn.net/beekim/article/details/128083106?
键.
·
2023-10-18 03:34
websocket
vue.js
网络协议
vue webpack/
vite
的区别
Vue.js可以与不同的构建工具一起使用,其中两个主要的工具是Webpack和
Vite
。
锅盖哒
·
2023-10-17 22:47
vue.js
webpack
前端
vite
实现终端自定印打印文字
安装插件picocolors,一个可以修改终端字符颜色的npm包cnpmaddpicocolors2.新建自定义插件文件(viteBuildInfo.ts)importtype{Plugin}from"
vite
前端小嘟
·
2023-10-17 16:28
vite
javascript
vue.js
前端
Vue3 +
Vite
+ Ts 报错:Property ‘ ‘ does not exist on type ‘never‘
报错代码显示:src/views/Classfy/index.vue:13:20-errorTS2339:Property'name'doesnotexistontype'never'.13{{item.name}}~~~~src/views/Classfy/index.vue:14:32-errorTS2339:Property'icon'doesnotexistontype'never'.14
龙雨LongYu12
·
2023-10-17 15:41
Vue3.0
Vue3
typescript
vite
Vue、
Vite
和 ESLint:前端开发工具和概念全面解析
Volar和
Vite
:Volar是一个
刘春强
·
2023-10-17 14:49
vue.js
前端
javascript
vue+ts
vite
环境项目取不到process 解决方法
在tdesign文档中用官方的解决方案创建了一个vue2+ts项目用的配置文件是
vite
.config.js这里我做了一个简单的多环境配置当我在js中使用console.log(process.env.
VITE
_APP_BASE_URL
深圳市有德者科技有限公司-耿瑞
·
2023-10-17 13:02
vue.js
javascript
前端
前端测试接口工具网址及vue的小知识点
最好用的前端接口测试工具apifox:https://apifox.com/服务器上运行dist目录下的文件
vite
创建vue2项目:npmcreatevue@2进入到该目录:npminstall创建vue
Camille_7
·
2023-10-17 13:16
前端
Vite
+Vue3 加载速度优化
可以考虑从以下几个方面优化。整体思路:1.减小打包体积。2.异步加载。静态资源拆分打包在常规打包方法下,所有的第三方依赖将会都打包在一个vendor.js文件里,首次打开页面时,服务器会先加载这个大文件,导致白屏时间过长。而我们打包时,事先将依赖拆分成很多小文件各自进行打包,便可以实现异步加载,大大降低加载时长,提升加载效率,减少白屏时间。具体操作如下:exportdefaultdefineCon
acheding
·
2023-10-17 10:54
服务器
前端
运维
vue
性能优化
【go语言】使用wails构建桌面端应用(可跨三端)
文章目录介绍开发环境要求优点项目结构样例-markdown编辑器偶然冲突与electron比较介绍发现一个很不错的开源项目:wails是一个使用现代化web技术(
vite
+vue3,react等)构建桌面端应用的
web守墓人
·
2023-10-17 10:40
golang
go
前端
electron
javascript
react学习笔记-3:项目路径配置
配置路径别名
vite
默认不支持相对路径,只识别绝对路径,所以需要配置路径别名,方便库和文件引用在
vite
.config.ts中添加配置tips:默认识别不到path库,需要安装声明:npmi-D@types
snipercai
·
2023-10-17 06:12
前端开发
react
react
vite
预编译实现
直入正题,前段时间,
vite
做了一个优化–依赖预编译。本文就来逐步分析预编译的逻辑和代码实现。那什么是依赖预编译呢?
小码快冲
·
2023-10-17 06:22
vue
webpack
前端食堂技术周刊第 35 期:Vitest v0.10.0、Jest 28、Ant Design v4.20.0、Lerna 官宣停止维护、UnoCSS 交互式
本期摘要Vitestv0.10.0Jest28AntDesignv4.20.0Chrome101Lerna官宣停止维护UnoCSS交互式文档上线
vite
-plugin-vue-inspectorDefensiveCSSCore
童欧巴
·
2023-10-17 05:18
前端
javascript
JavaScript
Vue3后台管理系统模板推荐
文章目录)1.Vue-Vben-Admin2.vue-manage-system1.Vue-Vben-AdminVue-Vben-Admin(github上的标星数为14.2k)是一个基于Vue3.0、
Vite
文海鸥
·
2023-10-17 02:16
vue.js
vue.js
javascript
前端
vue3.0实战项目
vue3.0+typescript+
vite
2实战:技术集成平台一、技术栈二、功能架构三、框架搭建四、安装插件1、路由插件vue-router4安装使用2、vuex4的安装3、安装sass和elementplus
EricFRQ
·
2023-10-17 02:46
前端相关
前端
javascript
vue.js
vue3.0 开发公共组件库并发布到npm
前言分享一下我自己的组件库郝艳峰的组件库详细教程再组件库内写的很清楚目前只有一个发送验证码的组件,后期会慢慢更新首先::就是开发自己组件库第一步:新建一个
vite
–vue3.0的项目,依次执行一下命令。
郝艳峰Vip
·
2023-10-17 02:46
个人开发库
npm
npm
vue.js
javascript
vue3.0公共组件自动导入
一、前提我们使用的是require.context方法导入,在
vite
创建的项目内使用会报错"requirenotfound",所以必须用webpack创建项目。
放风喽
·
2023-10-17 02:14
vue3
node.js
vue.js
前端
深入Vue3+TypeScript技术栈-课程文章目录
Vue3+TypeScript技术栈-课程文章目录课程核心1.0Vue3核心知识深入解析2.0Vue-Router4.x,Vuex4.x,CompositionAPI等详细解析3.0基于Webpack5,
Vite
2
以码平川
·
2023-10-17 02:43
vue3
webpack
前端
vue3后台管理框架之技术栈
vue3全家桶技术基础构建:vue3+
vite
4+TypeScript代码格式:eslint+pretty+stylelintgit生命周期钩子:huskycss预处理器:sassui库:element-plus
LL1018。
·
2023-10-17 02:39
vue.js
前端框架
前端架构思考,Vue or React?领域设计、文件结构、数据管理、主题替换
从Vue和React看问题Vue的优势内置的
vite
构建工具,减少构建时间,提高开发效率,在大工程上特别明显结构、样式、功能分开的设计,再通过setup做crud的分隔,整个页面维度的逻辑会特别清晰在路由和数据管理上有官方的解决方案
软件工匠
·
2023-10-17 00:11
前端
架构
vue.js
vue3后台管理框架之基础配置
配置
vite
.config.jsimport{defineConfig}from'
vite
'importvuefrom'@vitejs/plugin-vue'exportdefaultdefineConfig
LL1018。
·
2023-10-16 22:13
前端框架
vue.js
前端
关于
vite
打包的一些配置
1.使用
vite
打包,需要打开发环境的包,需要在package.json文件加上代码:“build:dev”:“vitebuild--modedevelopment”,"scripts":{"dev":
Yriaf@2022
·
2023-10-16 21:57
vue.js
javascript
前端
Vue3+
Vite
+TS基于Element plus 二次封装业务组件(含Vue3知识点)
前言使用Vue3+
Vite
+TS基于Elementplus二次封装业务组件,注册挂载为全局使用,代码简洁了许多。封装好我们的业务组件今后开发中遇到时,就可以直接使用啦!
东方睡衣
·
2023-10-16 21:56
前端
javascript
vue.js
vue3
vite
打包 动态路由
vue3
vite
打包上传服务器获取动态路由失败引入import.meta.globconstmodulesR=import.meta.glob(`..
wlocfo
·
2023-10-16 19:37
Vue
前端
vue.js
javascript
3天快速掌握Vue3之
vite
构建vue3项目
安装node搭建vue3环境必须依赖于nodejs,且node版本必须>=12.0版本node官网包下载地址,在这个链接里面找到你想要安装的node版本https://registry.npmmirror.com/binary.html?path=node/检查是否安装成功打开命令行或者GitBash#查看node版本node-v#查看npm版本npm-v安装vue3环境npminstall-g@
前端从进阶到入院
·
2023-10-16 18:00
七,vue3+
vite
项目配置--引入element-plus
7.1集成element-plus硅谷甄选运营平台,UI组件库采用的element-plus,因此需要集成element-plus插件!!!官网地址:https://element-plus.gitee.io/zh-CN/pnpminstallelement-plus@element-plus/icons-vue入口文件main.ts全局安装element-plus,element-plus默认支
blue_121
·
2023-10-16 16:34
从零到一搭建管理系统
vue.js
前端
javascript
Vue+Electron打包桌面应用(从零到一完整教程)
文章目录一.使用
vite
+vue3+js方式一.构建桌面应用1.创建项目2.安装依赖运行项目3.配置Electron4.修改配置文件1)
vite
.config.js2)main.js(项目根目录新增)3
萧寂173
·
2023-10-16 16:03
electron
vue
vue.js
electron
arcgis
上一页
30
31
32
33
34
35
36
37
下一页
按字母分类:
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
其他