Vite 第13页

vite+Vue3学习笔记（3）——界面设计

1Element-plus这是一个基于Vue3的组件库，能够快速构建界面样式。官网链接：https://element-plus.gitee.io/zh-CN/guide/design.html1.1基础组件1.1.1安装项目中的终端输入：npminstall--saveelement-plus1.1.2引用1.1.2.1完整引用文件包会较大。1、在src/main.js中导入importElem

阳排·2024-01-06 07:53

在vue3中使用Cesium保姆篇

Vue.js-渐进式JavaScript框架|Vue.js可以直接到管网中查看命令通过npm来创建一个vue3的项目然后通过命令下载1.99的版本的cesium和[email protected]vite-plugin-cesium

Mr.mjw·2024-01-06 06:40

src目录用@代替

一、项目背景uniapp+vue3+ts+vite+pinia+vant二、配置在vite.config.ts文件plugins同一层级加resolveexportdefaultdefineConfig

元宵不吃汤圆·2024-01-06 03:45

页面自适应postcss-pxtorem配置

一、项目背景uniapp+vue3+ts+vite+pinia+vant二、安装postcss-pxtoremnpmipostcss-pxtorem三、vite.config.ts配置importpxtoremfrom"postcss-pxtorem

元宵不吃汤圆·2024-01-06 03:44

前端axios封装和跨域问题

项目背景：uniapp+vue3+ts+vite+pinia+vant1.安装axiosnpmiaxios2.封装axios创建一个名为http.ts的文件import{ref}from"vue";importaxiosfrom"axios

元宵不吃汤圆·2024-01-06 03:14

vite搭建vue3、typeScript项目

使用vite搭建vue3、typeScript项目的具体步骤：一、创建项目vite一步步操作1.使用npm：npmcreatevite@latest2.使用yarn：yarncreatevite3.使用

汪叽家的兔子羡·2024-01-05 22:46

新框架又出来了，你还卷的动吗？

官方宣称这是对Vue、React和Svelte等生态系统以及Vite、Next.js和Astro等Web开发框架的彻底改革。特点Nue使用渐进增强

骑着牛的奇兵·2024-01-05 21:43

vue 项目打包或者本地运行时通过package.json 修改环境变量

vue-cli环境变量配置地址vite环境变量配置地址在Vue项目的package.json文件中，您可以使用cross-env包来指定环境变量，以在构建过程中使用特定的配置。

年年CODE·2024-01-05 19:03

【傻瓜式教学】Vite项目中静态资源动态路径处理（Vite打包后无法显示静态资源）

Bug原因：Vite打包只会处理静态src路径，动态src路径只会原样保留。方法：第一种情况：需要动态指定的资源很少，就那么几个直接使用import引入图片资源，然后添加即可。

小安驾到·2024-01-05 15:40

Vite5 + Vue3 + Element Plus 前端框架搭建

为了开发一套高效使用的Vite5+Vue3+ElementPlus前端框架，你可以按照以下步骤进行。话不多说，先上演示地址：VueShopVite。

xiangzhihong8·2024-01-05 10:59

vite-plugin-federation踩坑

前言项目即将用到vite-plugin-federation，开始参照网上的教程和vite-plugin-federation的官方文档试验最简单的微前端。

yanyihan16·2024-01-05 09:26

深入了解 Vite：快速、简洁、高效的前端构建工具（下）

个人主页牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录四、Vite

阿珊和她的猫·2024-01-05 09:49

切换node.js不同版本

切换node.js不同版本因新项目用到vite4创建项目，输入命令后报错，经查询得知是node版本过低导致，所以需要升级node版本，但是又有老的项目需要维护，因此需要多个版本的node使用需求。

joan_85·2024-01-05 09:40

vue3中集成sass实现全局scss样式变量

一、安装sassnpmisass二，在style/variable.scss创建一个variable.scss文件//给项目提供的scss全局变量$mycolor:red;三、在vite.config.ts

EntyIU·2024-01-05 08:01

Vue3中配置env环境变量

就很麻烦，这个时候，就可以提前编写好每个人或者每个后端对应的环境文件，启动的时候指定对应的文件即可这里以开发环境和生产环境为例首先定义两个env文件，格式为，.env.环境名，里边的内容格式为#变量必须以VITE

EntyIU·2024-01-05 08:53

vue3 vite动态路由的问题

因为to.matched未配到路由导致，vue-router.mjs:35[VueRouterwarn]:Nomatchfoundforlocationwithpath"/basedata/psiIntialCustomer/add"加下面的代码，是解决不了问题，因为它只是转向了404页面。constroutes_404={path:"/:pathMatch(.*)*",hidden:true,c

warrah·2024-01-05 04:20

5种呼吸练习让你快速入睡

madame.lefigaro.fr/bien-etre/stress-insomnie-exercices-de-respiration-de-sophrologue-pour-sendormir-plus-vite

小小小桐爸爸·2024-01-05 01:23

史上最全的前端axios和后端跨域配置处理-许锅锅啊

文章目录史上最全的前端axios和后端跨域配置处理安装axios【https://www.axios-http.cn/】封装一个基本的请求js创建remote.ts或者其他文件名使用Vite解决跨域问题解决问题在工程文件夹的根目录新建一个

许锅锅啊·2024-01-04 21:39

vite框架 ssr模型下设置import.meta.env.MODE参数

ChatGPT（3.5/4.0）国内镜像：https://www.atalk-ai.com/在使用Vite进行服务器端渲染（SSR）时，你可能需要获取当前环境模式（例如开发模式或生产模式）。

ATalk机器人·2024-01-04 19:37

vue3 + TS + vite 搭建中后台管理系统（完整项目）

vue3+TS+vite搭建中后台管理系统（完整项目）前言1、搭建步骤及方法2、集成多种插件功能，实现中后台按需使用3、新手学TS如何快速进入状态、定义TS类型4、layout搭建四款常见风格6、大屏搭建效果

前端早间课·2024-01-04 17:31

如何搭建中后台管理系统

vue3+TS+vite搭建中后台管理系统前言1、搭建步骤及方法2、集成多种插件功能，实现中后台按需使用3、新手学TS如何快速进入状态、定义TS类型4、layout搭建四款常见风格6、大屏搭建效果5、vue3

前端早间课·2024-01-04 17:28

react-virtualized报bpfrpt_proptype_WindowScroller引入错误

背景vite构建阶段react-virtualized报错报错信息✘[ERROR]Nomatchingexportin"node_modules/[email protected]@react-virtualized

清羽_ls·2024-01-04 14:07

【Electron】快速建立Vue3+Vite+Electron Ts项目

githttps://github.com/electron-vite/electron-vite-vue创建项目npmcreateelectron-viteorpnpmcreateelectron-vite

春暖花开.,·2024-01-04 09:28

vue3+ts错误：找不到模块“./App.vue”或其相应的类型声明。ts(2307)

ts(2307)解决方法：1、在src文件夹找到vite-env.d.ts加入以下代码：declaremodule"*.vue"{ importtype{DefineComponent}from"vue

春暖花开.,·2024-01-04 09:58

nuxt3 env文件、全局变量处理

nuxt.config.ts+Nuxt提供的钩子函数，实现全局变量的获取runtimeconfigenv文件往runtimeconfig放入内容useAppConfig通过env文件配置来获取服务端全局变量，客户端通过vite.define

寻ing·2024-01-04 09:57

【Electron】Vite+Ts 项目内配置路径别名 “@/“

如果你在Vite项目内使用绝对路径"@/"出现这样报错[plugin:vite:import-analysis]Failedtoresolveimport"@/components/HelloWorld.vue"from"src

春暖花开.,·2024-01-04 09:23

vue3项目创建

安装node.jsvue--version（4.5.0以上）npminstall-g@vue/clivuecreate项目名称npmrundev启动npmrunbuild打包————————vite创建工程

20岁30年经验的码农·2024-01-03 22:00

vite(rollup) build.sourcemap overtime

最近接手一个项目，GitHubActionsCI过程非常慢，影响发布验收流程。一开始以为是资源镜像失败的下载耗时，仔细一看日志，发现卡在了这一步：image-20230203110814100.png生成760个文件的sourcemap耗时15minAddingsourcemapreferences于是把生产环境的构建配置改了，先解决问题（毕竟GithubAction按每分钟费率计费）：build

郑小明·2024-01-03 21:56

Vue3 watch 的使用，如何监听一个对象中的属性值的变化 vue3 + ts + vite

Vue3watch的使用，如何监听一个对象中的属性值的变化由vue2转到vue3+ts+vite之后都不会写这些玩意了。

十月ooOO·2024-01-03 16:24

SVG 文件的引入方式之一：以 URL 的方式引入 SVG 文件，vue2、vue3+Vite vite-svg-loader

SVG文件的引入方式之一：以URL的方式引入SVG文件，vue2、vue3+Vitevite-svg-loader〇、前言：本篇将介绍：vue2使用require()引入svg使用vue3+ts+vite

十月ooOO·2024-01-03 14:01

前端面试--moka

vite为什么比webpack快？webpack把所有文件build一次，从入口文件进去，将所有文件编译为一个或多个单独的js文件，无论模块是否执行，都要编译和打包到这个bundler里面。

L北杳·2024-01-03 13:52

vite 打包二级目录记录

配置首先放一个简单粗暴的方法使用HashRouter，缺点就是路由会带#使用BrowserRouter时需要进行下面配置1、package配置{...other,"homepage":"/web"}2、vite.config

marconiho·2024-01-03 07:12

项目中接入神策埋点

项目中接入神策埋点（免费），react和vue通用1、下包使用npm或yarn或pnpm安装依赖npminstall--savesa-sdk-javascript2、初始化准备：定义环境变量VITE_PROJECT_ENV

阳光下的小蒙·2024-01-03 06:13

vue3+vite 项目常用库

特别注意：需要使用管理员权限来打开命令提示符，不然会出现各种报错yarnnpminstall-gyarnvite1.使用vite创建项目yarncreatevite2.安装包和运行yarnyarndev3

班长胡一可·2024-01-02 22:21

vite4加react18加ts-路由篇

vite4加react18加ts-安装篇；最近从vue3转型学习了，react相关技术架构，去有意识的去学习了相关东西，内容比较实用，没有引入太多原理和概念，就是最直接最实用的记录下来；安装reat-router-domnpminstallreat-router-dom

web前端进阶者·2024-01-02 17:37

vite4加react18加ts-状态管理篇

vite4加react18加ts-安装篇；最近从vue3转型学习了，react相关技术架构，去有意识的去学习了相关东西，内容比较实用，没有引入太多原理和概念，就是最直接最实用的记录下来；安装npminstall

web前端进阶者·2024-01-02 17:37

vite4加react18加ts-样式隔离篇

vite4加react18加ts-安装篇；最近从vue3转型学习了，react相关技术架构，去有意识的去学习了相关东西，内容比较实用，没有引入太多原理和概念，就是最直接最实用的记录下来；方案一：module

web前端进阶者·2024-01-02 17:37

vite4加react18加ts-路由缓存方案篇

vite4加react18加ts-安装篇；最近从vue3转型学习了，react相关技术架构，去有意识的去学习了相关东西，内容比较实用，没有引入太多原理和概念，就是最直接最实用的记录下来；GitHbuhttps

web前端进阶者·2024-01-02 17:02

Vite 配置 Eslint 规范代码

在经历过比较大型的项目协同开发后，代码规范成为了团队协同开发的棘手问题。今天，准备从头整理一份从编辑器->代码编写过程中的规范总结。一、代码风格统一这里推荐使用EditorConfig配置，来规范不同的编辑器，不同的编辑器配置，所造成的代码风格不一致问题。项目根目录创建.editorconfig配置文件#表示是最顶层的EditorConfig配置文件root=true[*]#表示所有文件适用cha

前端小小白zyw·2024-01-02 04:43

新手小白：一文带你用vite从零搭建企业级开发环境

开始接触了前端开发，技术栈主要用的是vue2，但是自己利用时间也学习了vue3，组合式api和vue3的各种生态比vue2好用太多了，特别是状态管理库pinia比vuex简介很多，构建工具也从vue-cli变成了vite

九号新秀·2024-01-01 17:09

（vue3.x+vite）接入代码编辑器codemirror

前端技术社区总目录（订阅之前必须查看该博客）效果预览1：安装依赖npmivue-codemirrornpmi@codemirror/theme-one-darknpmi@codemirror/lang-javascript2：编写代码

GIS之家家长·2024-01-01 14:01

Vue学习计划-Vue3--初识Vue3，vite创建Vue3项目

1.Vue3简介性能的提升打包大小减少41%初次渲染快55%，更新渲染快133%内存减少54%源码的升级使用Proxy代替defineProperty实现响应式重写虚拟DOM的实现和Tree-Shaking拥抱TypeScriptVue3可以更好的支持TypeScript新的特性CompositionApi(组合Api)setupref和reactivecomputed与watch…新的内置组件：

化作繁星·2024-01-01 01:20

使用react+vite开发项目时候，部署上线后刷新页面无法访问解决办法

说一下我这边的环境和使用的路由模式：vite+react+BrowserRouter路由模式，所以如果你和我一样的话，可以试试我的这种解决办法，我是将项目打包后直接丢到服务器上的目录里面，然后配置nginx

1024小神·2024-01-01 00:49

使用vite创建单页应用

vite是vue官方提供另外一种快速创建工程化的SPA项目的方式(一共有两种方式)基于vite创建SPA项目基于vue-cli创建SPA项目创建vite的项目`npminitvite-app项目名称cd

beizi·2023-12-31 21:51

常用的几种包管理器 npm yarn cnpm pnpm 安装

npm其实是Node.js的包管理工具（packagemanager），网址：npm|Home例如（layui包）：layui-npm(npmjs.com)常用操作：PSD:\Code2024\vue-vite

PieroPc·2023-12-31 21:27

vite+react+antd-mobile实现类似react-app-rewired的按需加载

步骤开发环境安装依赖yarnadd-Dvite-plugin-babel-import修改vite.config.jsimportvitePluginImportfrom'vite-plugin-babel-import

daoke_li·2023-12-31 16:49

SkyWalking UI 修改发布Nginx

文章目录SkyWalkingUI修改图标修改路由发布到Nginx添加认证修改路由模式vite.config.ts添加baseNginx配置SkyWalkingUIskywalking-booster-ui

ZeroKoop·2023-12-31 14:40

前端构建工具 | Vite与webpack的主要区别

Webpack和Vite是两个常用的前端构建工具，它们在设计理念和实现方式上存在一些区别。

儒雅的烤地瓜·2023-12-31 14:37

vite 创建vue3项目（vue-router、vuex、scss、环境变量、selint、stylelint、normalize.css）

目录一.创建基础vue项目二.安装vue-router三.设置路径别名@四.vuex五.SCSS六.环境变量七.eslint八.stylelint九.normalize.css一.创建基础vue项目npminitvite----templatevue选择vue->vue-ts进入目录运行npmruninstall与npmrundev便可运行二.安装vue-routernpminstallvue-r

该用户已成仙·2023-12-31 06:30

前端八股文（工程化篇）

6.如何提高webpack的打包速度7.vite比webpack快在哪里8.说一下你对Monorepo的理解9.如何减少打包后的代码体积10.Webpack的TreeShaking原理1.常用的git

前端VC·2023-12-30 22:56

推荐频道

Vite

vite+Vue3学习笔记（3）——界面设计

在vue3中使用Cesium保姆篇

src目录用@代替

页面自适应postcss-pxtorem配置

前端axios封装和跨域问题

vite搭建vue3、typeScript项目

新框架又出来了，你还卷的动吗？

vue 项目 打包或者本地运行时 通过package.json 修改 环境变量

【傻瓜式教学】Vite项目中静态资源 动态路径处理（Vite打包后无法显示静态资源）

Vite5 + Vue3 + Element Plus 前端框架搭建

vite-plugin-federation踩坑

深入了解 Vite：快速、简洁、高效的前端构建工具（下）

切换node.js不同版本

vue3中集成sass实现全局scss样式变量

Vue3中配置env环境变量

vue3 vite动态路由的问题

5种呼吸练习让你快速入睡

史上最全的前端axios和后端跨域配置处理-许锅锅啊

vite框架 ssr模型下 设置import.meta.env.MODE参数

vue3 + TS + vite 搭建中后台管理系统（完整项目）

如何搭建中后台管理系统

react-virtualized报bpfrpt_proptype_WindowScroller引入错误

【Electron】快速建立Vue3+Vite+Electron Ts项目

vue3+ts错误：找不到模块“./App.vue”或其相应的类型声明。ts(2307)

nuxt3 env文件、全局变量处理

【Electron】Vite+Ts 项目内配置路径别名 “@/“

vue3项目创建

vite(rollup) build.sourcemap overtime

Vue3 watch 的使用，如何监听一个对象中的属性值的变化 vue3 + ts + vite

SVG 文件的引入方式之一：以 URL 的方式引入 SVG 文件，vue2、vue3+Vite vite-svg-loader

前端面试--moka

vite 打包二级目录记录

项目中接入神策埋点

vue3+vite 项目常用库

vite4加react18加ts-路由篇

vite4加react18加ts-状态管理篇

vite4加react18加ts-样式隔离篇

vite4加react18加ts-路由缓存方案篇

Vite 配置 Eslint 规范代码

新手小白：一文带你用vite从零搭建企业级开发环境

（vue3.x+vite）接入代码编辑器codemirror

Vue学习计划-Vue3--初识Vue3，vite创建Vue3项目

使用react+vite开发项目时候，部署上线后刷新页面无法访问解决办法

使用vite创建单页应用

常用的几种包管理器 npm yarn cnpm pnpm 安装

vite+react+antd-mobile实现类似react-app-rewired的按需加载

SkyWalking UI 修改发布Nginx

前端构建工具 | Vite与webpack的主要区别

vite 创建vue3项目 （vue-router、vuex、scss、环境变量、selint、stylelint、normalize.css）

前端八股文（工程化篇）

vue 项目打包或者本地运行时通过package.json 修改环境变量

【傻瓜式教学】Vite项目中静态资源动态路径处理（Vite打包后无法显示静态资源）

vite框架 ssr模型下设置import.meta.env.MODE参数

vite 创建vue3项目（vue-router、vuex、scss、环境变量、selint、stylelint、normalize.css）