《Vite

【记录】 VUE3 + VITE + TS配置不同环境

根据不同环境运行项目1.在根目录下新建不同环境2.配置环境变量注：vite项目必须以VITE开头#开发环境配置NODE_ENV=development#开发环境VITE_BASE_URL=http://
——a·2024-08-30 04:18

Vue3+Vite2环境变量配置，分别配置本地，测试，正式

第一步：在Vue项目创建三个文件分别为.env.env.development.env.production与Vite.config.js同级别//.env(配置本地开发地址)VITE_HOST='172.20.25.155
embelfe_segge·2024-08-30 04:47

【来来来，我看看是谁不点我】Nuxt3入坑记--JS版

开发更快打包更小支持vite支持vue3支持自动引入支持文件路由支持布局系统支持多种渲染模式支持typescript支持composition-apiNuxt3目录结构#目錄說明#.nuxt本地运行
Bug从此不上门·2024-08-28 20:09

vue3+uniapp+springboot开发校园点餐系统/微信点餐小程序03-项目路由安装

项目效果展示项目效果展示提示：本项目带全程视频讲解教程+源码文章目录项目效果展示前言一、项目配置别名1.vite.config.ts配置文件，添加如下配置2.vite配置别名依赖安装3.tsconfig.json
java项目实战教程·2024-08-28 08:25

使用Vite+Vue3创建Cesium项目

Vite+Vue3+Cesium项目模版Cesium是AGI公司计算机图形开发小组与2011年研发的三维地球和地图可视化开源JavaScript库，Cesium一词来源于化学元素铯，铯是制造原子钟的关键元素
IT界胖猫·2024-08-28 03:49

【长文细说】20个ElementPlus核心组件以及使用技巧

ElementPlus是一个基于Vue3和Vite的组件库，它提供了一套丰富的UI组件，用于构建高质量的网页应用程序。
威哥爱编程（马剑威）·2024-08-27 09:24

创建前端项目中架构基本流程(vue版)

只整理项目前期准备的流程，具体项目实现可bilibili搜索黑马程序员获取此文档梳理搭建vue项目的基本流程及相应模板的创建本项目的技术栈本项目技术栈基于ES6、vue3、pinia、vue-router、vite
小徐努力中·2024-08-26 15:50

推荐一个java企业级快速开发平台-JeeSite

它是一个企业级快速开发解决方案，开发模式为前后端分离开发，后端基于SpringBoot框架，前端则使用Vue3、Vite、AntDesignVue等技术栈。一、项目介绍JeeSite快速开发平台，
智航云科技·2024-08-25 00:21

vue3 使用element-plus动态渲染Icon图标

今天使用vue3+vite重构项目的时候，构建侧边栏的时候需要动态渲染图标之前的写法是这样就可以写一个数组，动态的绑定class但是在vue3中不能这样使用官方给出的实例是这样的但是这样动态渲染就不行了
山野见·2024-08-24 20:56

微信小程序uniapp+vue3+ts+pinia的环境搭建

一.创建uniapp项目通过vue-cli创建npxdegitdcloudio/uni-preset-vue#vite-tsmy-vue3-project二.安装依赖：1.pnpmi2.运行项目：将package.json
Outcir·2024-08-24 12:36

前端审查_Nginx

项目如何部署上线前端如何构建生产环境代码vueCli/vite/cra/umi等都是运行build脚本npmrunbuildbuild如何定义打包生产环境代码配置vueCli在配置文件vue.config.js
苦逼的猿宝·2024-08-24 08:11

Vue3学习——Node环境安装（一）

在Vue项目中，我们通常会使用到Node.js的npm（NodePackageManager）来管理项目所需的各种库和工具，例如Vite、Babel、ESLint等。
rain_love_snow·2024-08-24 06:57

electron-vite封装UI级的消息提示

说明Electron+Vite+Vue3+ElementPlusElectron中写提示有两种方案：系统级：electron带的dialog相关APIUI级：UI框架内部的提示，如ElMessage、ElMessageBox
前端没钱·2024-08-23 18:12

前端构建工具 webpack与vite对比

一、webpack构建原理Webpack的构建过程大致为：1.从入口文件开始分析依赖，2.递归解析所有依赖模块，生成依赖图，3.调用Loader转换文件内容，4.打包所有模块输出优化后的静态资源。webpack工作特点：Webpack是一个功能强大的模块打包器，它允许开发者以模块化的方式组织代码，在启动时加载所有相关依赖。Webpack通过Loaders和Plugins提供了丰富的扩展能力，能够实
人间小趴菜·2024-08-23 15:53

ffmpeg纯前端实现对视频的操作 - fluent-ffmpeg踩坑、ffmpeg-statci踩坑、视频合并、图片转视频

库，这里介绍ffmpeg-static、fluent-ffmpeg、ffmpeg.wasmffmpeg.wasm在纯前端实现vue利用ffmpeg.wasm将图片合成视频这篇文章的gitHub代码中，vite.config.js
翻斗花园正门保安小夏·2024-08-22 11:00

Vue3项目-Cesium地图初始化

Cesium1、安装Cesiumnpminstallcesium2、文件拷贝将node_modules中cesium/Build/Cesium文件夹拷贝至public目录下3、index.html配置Vite
呆呆的小草·2024-08-22 03:44

Vue3项目-Electron构建桌面应用程序

npmcreatevue@latest3、创建完成后启动项目cdproject_name&&npmrundev二、electron配置1、安装electronnpminstallelectron2、安装vite-plugin-electron
呆呆的小草·2024-08-21 18:46

npm 搭建 Vite 项目

兼容性注意Vite需要Node.js版本>=12.0.0。
渺小的虫子·2024-03-29 08:42

[commonjs--resolver] Missing “./jsx-runtime.js“ specifier in “react“ package

修复vite构建时错误vite打包,第三方包引用的react版本不一致问题修复(不是最优解)//vite.config.jsimport{defineConfig}from'vite';importreactfrom
清羽_ls·2024-03-25 21:10

vite和webpack的区别

vite和webpack的区别从底层原理上来说，Vite是基于esbuild预构建依赖。
小王学前端️·2024-03-20 16:28

webpack和vite的区别是什么

Webpack和vite都是现在前端领域比较流行的打包工具，它们的相似之处在于可以帮助我们把多个JavaScript文件打包成一个可以在浏览器中加载并在生产中使用的文件。
蚂蚁上的大象·2024-03-16 10:45

vue+vite根据版本号清空用户浏览器缓存

项目生产环境发布新版本之后，用户可能会因为一些本地缓存的数据不一样而导致页面报错。这时候可以根据版本号去清空用户缓存。1、在package.json文件中有一个管理版本号属性：version，在每次打包部署之前修改当前版本号。2、在main.js文件中，加入版本号的判断逻辑，版本号不一致就重新加载，代码如下：//根据版本号清空用户缓存import{version}from'../package.j
周金鱼啊·2024-03-15 01:55

vue3速查笔记

文章目录一、创建Vue3.0工程1.使用vue-cli创建2.使用vite创建二、常用CompositionAPI1.拉开序幕的setup2.ref函数3.reactive函数4.Vue3.0中的响应式原理
一只小白菜~·2024-03-11 12:40

Webpack和Vite的区别？

Webpack和Vite都是现代前端开发中常用的打包工具，它们的主要区别如下：构建速度：Vite的构建速度比Webpack快得多，因为Vite在开发环境下使用了浏览器原生的ESM（ES6模块）模块加载，
夏兮颜☆·2024-03-11 07:34

VUE3（二）使用vue-cli创建一个项目

VUE3官方推荐使用vite来构建项目，但是并不是说之前使用vue-cli创建项目就不行了。
camellias__·2024-03-05 13:03

你下个Vite项目能不能用上Lightning CSS

Vite自从4.4版本开始实验性支持LightningCSS，可以让项目的CSS打包速度更快，构建体积更小，我们来一起看看在Vite中怎么配置使用LightningCSS吧。
·2024-03-03 06:06

vite开发环境跳转页面卡住，加载慢，ant-design-vue 按需导入的新组件导致页面加载慢

环境vite:2.9.9unplugin-vue-components:0.19.6参考issues:使用按需引入时，首次启动服务会依赖预构建style#361vite-plugin-ifdef(在vite
·2024-03-02 17:58

前端开发环境模拟HTTPS

二、创建HTTPS服务器三、脚手架配置HTTPS@umi配置@vite配置一、创建HTTPS证书进入要建立HTTPS服务的目录opensslgenrsa-outkey.pem1024opensslreq-new-keykey.pem-outcsr.pemopensslx509
流水吾情·2024-02-28 22:35

使用 npm/yarn 等命令的时候会，为什么会发生 Error: certificate has expired

✖Failedtoinstallmodules:["@electron-forge/plugin-vite@^7.2.0","@typescript-eslint/eslint-plugin@^5.0.0
Charles@TechBlog·2024-02-28 15:27

vue3+vite+vant移动端适配记录

1、根节点rem适配1.1、body需要设置一个默认的字体大小，可以设置为16pxbody{font-size:16px;height:100vh;}#app{max-width:750px;min-width:320px;overflow:hidden;min-height:100vh;margin:0auto;}1.2、动态设置根节点rem-->importloginfrom'./page/l
baidu_41921865·2024-02-28 09:19

Vitepress 的实现原理

Vitepress是由Vite和Vue驱动的静态站点生成器，通过获取Markdown编写的内容，并可以生成对应的静态HTML页面。
·2024-02-22 14:59

使用useRoutes提示invalid hook call

包版本：问题：今天用vite+react+ts重新搭建项目时报错代码：router.tsximport{useRoutes}from'react-router-dom';importHomefrom".
wangshang1320·2024-02-20 20:19

Vue3+vite搭建基础架构（8）--- 使用pinia-plugin-persist

Vue3+vite搭建基础架构（8）---使用pinia-plugin-persist说明官方文档安装pinia-plugin-persist使用pinia-plugin-persist测试pinia-plugin-persist
谁不想飞舞青春·2024-02-20 19:26

Vue3+vite搭建基础架构（9）--- 使用vite-plugin-svg-icons

Vue3+vite搭建基础架构（9）---使用vite-plugin-svg-icons说明安装vite-plugin-svg-icons使用vite-plugin-svg-icons添加svg-icon
谁不想飞舞青春·2024-02-20 19:26

Vue3+vite搭建基础架构（10）--- 使用less和vite-plugin-vue-setup-extend

Vue3+vite搭建基础架构（10）---使用less和vite-plugin-vue-setup-extend说明官方文档安装less测试less表达式安装vite-plugin-vue-setup-extend
谁不想飞舞青春·2024-02-20 19:26

【无标题】vue3+pinia+vite管理平台模板（涉及顶部、侧边、导航栏菜单联动）

超实用的vue3+setup+pinia+vite项目模板主要实现顶部菜单、侧边菜单、导航栏菜单联动效果，效果相当的巴士惨了。
Silence翔海·2024-02-20 19:26

Vue3+vite搭建基础架构（11）--- 菜单栏功能和Tab页功能实现

Vue3+vite搭建基础架构（11）---菜单栏功能和Tab页功能实现说明删除项目中不需要的文件userStore全局属性代码菜单栏代码Tab页代码解决浏览器输入地址时不会打开tab页问题和切换tab
谁不想飞舞青春·2024-02-20 19:23

vue3项目配置按需自动导入API组件unplugin-auto-import

场景应用：避免写一大堆的import，比如关于Vue和VueRouter的1、安装unplugin-auto-importnpmi-Dunplugin-auto-import2、配置vite.configimportAutoImportfrom'unplugin-auto-import
菜鸟茜·2024-02-20 18:45

利用vite快速搭建vue3项目

latest2、提示你输入项目名称之后，我这里设置的是【rookiedemo】3、回车之后，出现选择框架的提示，我们选择【vue】回车4、之后根据你的编码习惯或需要，选择【ts】或者【js】，点回车5、vite
菜鸟茜·2024-02-20 18:15

Vite按需引入自定义组件unplugin-vue-components

1.安装插件npmiunplugin-vue-components-D2.vite.config.ts文件加如下代码plugins:[vue({reactivityTransform:true}),Components
前端~·2024-02-20 18:42

vue3项目配置按需自动引入自定义组件unplugin-vue-components

接下来就进入我们的主角unplugin-vue-components，这就是前端大神AnthonyFu写的的非常好用的插件，其实已经被vite官方收录了1、安装unplugin-vue-componentsnpmiunplu
菜鸟茜·2024-02-20 18:39

vite+ts+vue3项目初始化 -- eslint+prettier代码格式化

vue3+ts项目初始化配置--eslint+prettier格式化校验一、配置@代替src目录二、项目中引入scss三、引入公共样式四、引入组件报红色波浪线五、有些语法不认识需要在vscode中安装Volar插件六、自动导包（vue、vue-router、element-plus、element-plus样式）七、配置方向代理和端口号八、父子组件通讯（只写在ts中的方法）九、pinia的使用（另
weixin_43993776·2024-02-20 17:55

Vite 搭建 Vue2 项目（Vue2 + vue-router + vuex）

Vite先让我说几句废话。在写本文时Vite没有提供Vue2的创建方式。相信有些开发者还没开始学Vue3，但又想尝尝Vite。那可以参考本文的进食方式。如果心急的话，“0、简介”可以跳过。
德育处主任Pro·2024-02-20 17:23

vue3+vite插件配置系列1-vite-plugin-pages搭配vue-router

介绍vite插件，可以读取文件夹下的vue文件，自动生成vue-router的路由信息，这样以后每次有新的vue页面增加，都不用去更改vue-router的路由信息代码了，减少了工作量使用1.下载npmi-Dvite-plugin-pagesnpmi-svue-router
永远不会太晚·2024-02-20 17:51

TypeScript+Vue3+Vite+VueRouter+Pinia的项目搭建

1.TypeScript+Vue3+Vite+VueRouter+Pinia的项目搭建1.1使用Vite初始化Vue3+TypeScript项目开发Vue3项目首先要确保电脑上安装了Vite脚手架，本节课程略过
随风小薇·2024-02-20 17:21

【退役之重学前端】使用vite+vue3+vue-router，重构react+react-router前后端分离的商城后台管理系统

前言：对前端各个技术板块，HTML、CSS、JavaScript、ES6、vue家族，整体上能“摸其大概”。笔者计划重构一个基于react的商城后台管理系统。——2024年2月16日技术选型#语言和框架vue3sassbootstrapES7#架构前后端分离分层架构模块化开发#前端构建工具npmvite#代码管理工具git
williamdsy·2024-02-20 16:18

node+vue3+mysql前后分离开发范式——实现对数据库表的增删改查

技术选型前端：vite+vue3+antd后端：nodekoa数据库：mysqlkoa是一个现代的Node.js框架，可以用来构建Web应用程序。Vue.js是一款用于构建用户
yma16·2024-02-20 14:22

npm 创建 vite-app项目遇到问题

operationnotpermitted,mkdir'E:\nodejs\nodejs\node_modules\npm\node_cache--global\_npx\13280'commandnotfound:create-vite-app
xjt_beginner·2024-02-20 13:34

npm create vite@latest 失败

importfsfrom'node:fs'Cannotuseimportstatementoutsideamodule查看报错日志说明问题是node和npm的版本问题，node版本过低，需要升级。下载|Node.js下载安装失败，提示：Node.jsisonlysupportedonWindows8.1,WindowsServer2012R2,orhigher.因为安装的node版本过高，和当前操
晨光搁浅42·2024-02-20 13:33

nodejs和npm和vite

Nodejs简单的说Node.js就是运行在服务端的JavaScript。Node.js是一个基于ChromeJavaScript运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaScript环境用途：Node.js可以被看作是一个JavaScript运行时环境，专门用于在服务器端执行JavaScript代码。同时Node.js是构建高性能Web服务器的强大工具。nodejs具
可爱的小小小狼·2024-02-20 12:56
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他