《Vite

前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 第十二章 常用工具函数 (Utils配置)

前言在项目开发中，我们经常会使用一些工具函数，也经常会用到例如loadsh等工具库，但是这些工具库的体积往往比较大，如果项目本身已经引入了这些工具库，那么我们就没有必要再引入一次，所以我们需要自己封装一些工具函数，来简化我们的开发。一、通用类工具函数在src/utils目录下创建tools文件夹，用于存放通用类工具函数文件。在tools文件下创建index.ts文件import{ElMessage
SmallTeddy·2024-02-20 08:46

前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 第十一章 基础界面开发 (组件封装和使用)

前言Vue是前端开发中非常常见的一种框架，它的易用性和灵活性使得它成为了很多开发者的首选。而在Vue2版本中，组件的开发也变得非常简单，但随着Vue3版本的发布，组件开发有了更多的特性和优化，为我们的业务开发带来了更多便利。本文将介绍如何使用Vue3开发业务组件，并通过代码实例进行演示。一、自己封装组件1、button代码在src目录下创建components文件夹，并在该文件夹下创建Button
SmallTeddy·2024-02-20 08:45

vite 和 webpack 的区别

Vite和Webpack是两种不同的前端构建工具，它们在设计理念、构建原理和使用方式上有一些显著的区别：构建原理：Vite：Vite基于现代浏览器原生ES模块的导入机制，利用ES模块的特性，将每个模块作为一个个独立的请求处理
我有一棵树·2024-02-20 07:56

Vue3 学习笔记（Day1）

目录0课程介绍1Vue3简介2创建Vue3工程2.1基于vue-cli创建2.2基于vite创建（推荐）2.3一个简单的效果0课程介绍P1：https://www.bilibili.com/video/
Tiger Z·2024-02-20 06:22

npm run dev运行出现NODE_OPTIONS=--max_old_space_size=4096 vite --mode dev --host？

AWorkDataease\DataEase\core\core-frontend>[email protected]_OPTIONS=–max_old_space_size=4096vite
舒一笑·2024-02-20 06:12

【前端工程化面试题】webpack proxy的工作原理，为什么能解决跨域问题

其实不光是webpack其他的打包工具比如是vite，也有代理的功能，也是开发服务器。webpack-dev-server的工作原理本质是利用了
我有一棵树·2024-02-20 02:55

【前端工程化面试题目】webpack 的热更新原理

可以在顺便学习一下vite的热更新原理，请参考这篇文章。
我有一棵树·2024-02-20 02:25

关于TypeError:无法读取null属性(读取‘isCE‘) -自定义组件库

TypeError:无法读取null属性(读取’isCE’)-自定义组件库大家先看一下这个文章https://cloud.tencent.com/developer/ask/sof/106913760这个文章里面给了vite
我叫汪枫·2024-02-20 01:59

使用vite创建项目

NPMnpmcreatevite@latestYarnyarncreatevitePNPMpnpmcreateviteBunbunxcreate-vite安装sassnpmadd-Dsass安装lessnpmadd-Dlessvite
HWL5679·2024-02-20 01:34

前端Vue3开发 “硬核” 新书来了

二是Vue3引入了大量新特性，如全面拥抱TypeScript、使用Vite替换Webpack等，大家担心这些新技术难以掌握，因此不敢在实际项目中应用。
前端组件开发·2024-02-19 23:14

预览vite+react打包之后的项目

执行npmrunbuild&pnpmbuild全局安装http-server:npmi-ghttp-server找到打包好的dist文件。执行http-server
猛踹瘸子那条好腿の·2024-02-19 20:15

Nuxt3+Vue3(Composition API)+TS+Vite+Ant Design Vue 搭建

最近官网搭建选择了nuxtjs，由于框架更新了，其中语法也有很多变化，中间遇到了一些问题点做下总结。nuxt3官方文档地址：https://nuxt.com/docs/getting-started/installation安装在安装Nuxt3之前，你需要保证你的node.js大于16.10.0或者最新版本，我是用得最新版本18创建一个nuxt项目npxnuxiinit切换到刚创建的项目根目录cd
拾荒李·2024-02-19 20:48

vue3.2+TypeScript+Pinia学习笔记（最新版！！！）

typescript+pinia学习文章目录一、vue31.组合式API2.setup函数3.reactive函数4.ref函数5.reactive与ref的选择6.setup语法糖6.1.vue3+vite
阿吧阿巴阿巴·2024-02-19 19:43

创建 vite + vue3 + ts 项目简单笔记

vue3项目通过官方脚手架初始化项目：第一种方法：第二种方法：第三种方法（推荐）：初始化项目1、解决`import{ref,reactive...}from'vue'`大量引入的问题2、配置环境变量3、vite
W.Y.B.G·2024-02-19 19:08

最新 Vue3、TypeScript、组合式API、setup语法糖 学习笔记

最新Vue3、TypeScript、组合式API、setup语法糖学习笔记1、创建Vue3工程基于`vue-cli`创建（基于webpack实现）基于`vite`创建（推荐）2、Vue3项目开发`vscode
W.Y.B.G·2024-02-19 19:34

Vue3笔记

创建vue-cli创建基于vite创建webpack和vite构建对比图基础官方推荐插件选项式api和组合式api对比修改组件name插件在devtools工具上显示组件name自动补充ref的value
山重水复疑无路·2024-02-19 18:39

【前端工程化面试题】说一下 webpack 的构建流程

类似问题是，说一下vite的构建流程，参考这篇文章。
我有一棵树·2024-02-19 16:46

手把手教你如何搭建Vue组件库

VantCLI是一个基于Vite实现的Vue组件库构建工具，通过VantCLI可以快速搭建一套功能完备的Vue组件库。建立组件库的意义首先组件库可以给我们降本提效，其次可以保持视觉
·2024-02-19 15:15

js设计模式:发布订阅模式

示例:发布订阅模式订阅尤大的vue技术专栏订阅尤大的vite技术专栏取消订阅尤大的vite技术专栏尤大发vue技术贴尤大发vite技术贴constYouyuxi=
青阳流月·2024-02-19 14:49

Vite之对CSS的处理方式及使用

Vite之对CSS的处理方式及使用文章目录Vite之对CSS的处理方式及使用1.直接对CSS处理2.使用css预处理器less1.直接对CSS处理可直接导入css进行使用，而不需要任何配置定义样式文件：
小袁搬码·2024-02-19 13:34

Vue+Vite项目初建(axios+Unocss+iconify)

一.创建项目npx--package@vue/clivue项目成功启动后，进入http://localhost:3200，即可进入创建好的页面(假设启动端口为3200)二.测试网络通讯模块假设有本地服务器地址localhost:8000提供接口服务，接口为localhost:8000/token，修改代码import{ref}from'vue'importaxiosfrom'axios'impor
@@鹏~~~·2024-02-19 12:06

使用vite + vue3 搭建开发环境 接口请求代理https报错解决方案

17:58:50[vite]httpproxyerrorat/**/detail?
·2024-02-19 12:02

Vue3+Vite+TS+Pinia+ElementPlus+Router+Axios创建项目

目录初始项目组成1.创建项目1.1下载项目依赖1.2项目自动启动1.3src别名设置vite.config.ts配置文件tsconfig.json配置若新创项目ts提示1.4运行测试2.清除默认样式2.1
尿不湿没有了·2024-02-19 12:25

【前端工程化面试题】vite热更新原理

vite在开发阶段，运行vite命令，会启动一个开发服务器，vite在开发阶段是一个服务器依赖esm：vite在开发阶段使用esm作为开发时的模块系统。
我有一棵树·2024-02-19 12:31

12.2K Star，开箱即用后台管理系统

今天推荐一款开源免费且开箱即用的中后台管理系统，完全采用ECMAScript模块（ESM）规范来编写和组织代码，使用了最新的Vue3、Vite、Element-Plus、TypeScript、Pinia
·2024-02-19 10:30

TailWindCSS+Vite+Vue3打造个性化在线简历项目,欢迎Fork

前言祝大家在新的一年：大吉大利，身体健康，迎大运，发大财！吐槽随便侃侃，无感请直接跳过到正文。注册了快7年的账号，思否第一篇文你敢信~~哈哈，今天开张了。至于契机嘛…司倒，失业之T_T。最近刷看到类似的帖子也挺多的，ORZ放心，真不是来输出负面情绪的~主菜马上就到。y情后各行各业都不容易啊，待了六年的公司也熬不住去年末倒下了（还有3个月工资拖欠着，希望仲裁给力吧）。个人也长时间呆在舒适区，也没经历
·2024-02-19 10:17

Vue3 学习笔记（Day1）

:::block-1目录0课程介绍1Vue3简介2创建Vue3工程2.1基于vue-cli创建2.2基于vite创建（推荐）2.3一个简单的效果:::0课程介绍P1：https://www.bilibili.com
·2024-02-19 10:54

Vue3+Ant-Design-Vue:报错Cannot read properties of null (reading ‘isCE‘)

报错信息图示：在GitHub上找到如下描述，解决方案网上介绍的解决方案网上找到了几种解决方案，Vite+Vue3项目：修改配置文件修改vite.config.js配置文件，re
是席木木啊·2024-02-15 06:42

Vue3快速上手

目录1.Vue3简介2.Vue3带来了什么1.性能的提升2.源码的升级3.拥抱TypeScript4.新的特性一、创建Vue3.0工程1.使用vue-cli创建2.使用vite创建二、常用CompositionAPI1
__畫戟__·2024-02-15 06:40

【无标题】

项目构建一、项目构建1.项目使用vite构建项目你还可以通过附加的命令行选项直接指定项目名称和你想要使用的模板。
miss-ddly·2024-02-14 17:24

【Tauri】（3）：使用Tauri1.5版本，进行桌面应用开发，在windows上搭建环境，安装node，rust环境，可以打包成功，使用vite创建应用

www.bilibili.com/video/BV1Ny421a7nA/【Tauri】（3）：使用Tauri1.5版本，进行桌面应用开发，在windows上搭建环境，安装node，rust环境，可以打包成功，使用vite
fly-iot·2024-02-14 07:56

tauri+vite+vue3开发环境

本文只介绍Windows环境下的tauri+vite+vue3开发环境配置过程。一.MicrosoftVisualStudioC++生成工具您需要安装MicrosoftC++生成工具。
volodyan·2024-02-14 07:56

Vite配置环境变量以及反向代理请求

在Vite中，我们可以通过两种方式配置环境变量，一是在项目根目录下创建.env文件，二是直接在vite.config.js文件中设置。.
·2024-02-14 03:31

线上环境不要使用console.log，会导致页面卡顿，内存泄漏的原因

在我的这篇文章中分享了一个经验，就是vite打包之后会自动屏蔽所有的console.log打印的日志。那么，在线上环境中不要使用console.log打印日志，已经成为共识，你知道是为什么么？
我有一棵树·2024-02-13 23:19

vue3-应用规模化-工具链

要使用Vite来创建一个Vue项目，非常简单：（推荐）npm create vue@latest这个命令会安装和执行create-vue，它是Vue提供的官方脚手架工具。跟随命令行的提示继续操作即可。
王大可996·2024-02-13 16:45

vue3中使用element-plus的图标不显示问题

按照官网的写法，我的图标不显示的：image.png然后我搜了一些大神的博客说是vite版本改为2.3.7（但是我的依然不可以！！！！！！！！！！！！！！！！）
是妍妍吖·2024-02-13 15:31

vite 构建，页面打开空白如何解决

比如部署页面最终部署在https://xxx.com/demo/下，就必须在vue-router中配置以下代码，否则确实会打开白屏import{createRouter,createWebHistory}from'vue-router';​​​​​​​exportdefaultcreateRouter({  history:createWebHistory('/demo/'),//你的网站根目录地
John的WEB前端学习日记·2024-02-13 11:15

Vite3 + Svelte3构建Web应用报错：'process is not defined'

Vite爬坑日记：在使用Vite3+Svelte3构建Web应用时，控制台报错：processisnotdefined。
天問_专注于大前端技术·2024-02-13 11:12

什么是vite，如何使用

参考：主要：由一次业务项目落地Vite的经历，我重新理解了Vite预构建vite官方文档为什么有人说vite快，有人却说vite慢？
sasaraku.·2024-02-13 05:23

记录目前使用vue3.2.0&&vite4.2.0时遇到的一些坑-持续更新

vue3安装markdown-itvuets使用markdown-it需要使用以下命令安装才行npminstall--savemarkdown-it@vue/compiler-sfc来源https://juejin.cn/s/vue3%20markdown-itlink中引用node_modules中css样式打包后丢失在main.ts中导入该样式重新打包即可，猜测应该是因为路径引用并不会触发vi
尽虹·2024-02-13 03:42

【Vue3+Vite+TS】10.0 组件七：动态加载进度条

必备UI组件将用到的组件：Progress进度条组件设计新建src\components\baseline\progress\src\index.vueconstprops=defineProps({//说明：百分比，必填percentage:{required:true,type:Number,default:0,},//说明：进度条是否有动态效果isAnimation:{type:Boolea
bobokaka·2024-02-12 23:39

【Tauri】（1）：使用Tauri1.5版本，进行桌面应用开发，在windows，linux进行桌面GUI应用程序开发，可以打包成功，使用 vite 最方便

www.bilibili.com/video/BV1Pz421d7s4/【Tauri】（1）：使用Tauri1.5版本，进行桌面应用开发，在windows，linux进行桌面GUI应用程序开发，可以打包成功，使用vite
fly-iot·2024-02-12 08:29

uni-app 使用vite.config.js

import{defineConfig}from'vite'importunifrom'@dcloudio/vite-plugin-uni'//一定要用这个，不然运行会报错import{resolve}
weixin_43160044·2024-02-11 20:41

html标签中lang属性踩的一个小坑，日常中还是需要留意的风险点

htmllang的定义作用一般大家可能在前端项目的index.html入口html标签用的lang多一点，比如：Vite+Vue+TShtml标签用的lang时的一个小坑因为项目只有是国内使用的，没有中英文切换功能
·2024-02-11 18:15

vite创建之实践项目

vite创建之实践项目1、需要修改的代码  //在这里写vue代码          用户名：          密码：       登录 .alert{ position:absolute; width
·2024-02-11 18:15

vite项目

vite项目1、什么是viteVite（法语意为"快速的"，发音/vit/，发音同"veet"）是一种新型前端构建工具，能够显著提升前端开发体验。
·2024-02-11 18:45

使用wxt开发跨浏览器插件

一、背景在使用@crxjs/vite-plugin一段时间后，开发发了welibrary等图书馆插件，为了进一步推广插件计划支持Chrome、Edge浏览器之外的Firefox，为此耗费了不少时间用于调整配置
·2024-02-11 18:43

vue3+vite+element-plus（二）- 使用 vue-router

接口获取路由结构安装依赖npmivue-router有时候我们需要从接口获取路由树结构，使用addRouter动态生成路由配置。我们先创建一个静态文件，模拟接口返回的路由树结构。新建文件src/router/config.ts//src/router/config.tsconstrouterList=[{pageCode:'home',pageName:'首页',pageType:'page',}
·2024-02-11 17:18

尚硅谷 Vue3+TypeScript 学习笔记（上）

【基于vite创建】(推荐)1.3.【一个简单的效果】二、Vue3核心语法2.1.
编程抗氧化·2024-02-10 21:32

使用vitepress构建组件库文档

使用vitepress构建组件库文档前期调研Vitepress官方文档：https://vitepress.vuejs.org/Vitepress是在Vite之上构建的Vue驱动的静态站点生成器。
m0_67401920·2024-02-10 18:58
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他