Vite

前端食堂技术周刊第 31 期：Vue 3、Vitest 中文文档上线、Pinia 正式成为 Vue 官方默认推荐的状态管理库、Vite v2.9.0

美味值：口味：榛果咖啡食堂技术周刊仓库地址：https://github.com/Geekhyt/weeklyPC端在仓库里看体验更好，顺手赏个Star是对食堂最大的支持。本期摘要Vue3、Vitest中文文档上线Pinia正式成为Vue官方默认推荐的状态管理库Vitev2.9.0React18发布ReactRouterv6.3.0FE-Hunter前端赏金猎人CasePolicefree-pro
童欧巴·2023-11-21 03:40

Vite+TS项目：论如何便捷的使用pinia

这里给大家分享我在网上学习总结出来的一些知识，希望对大家有所帮助pinia介绍vue新一代状态管理库，相当于vuex特性1.像定义components一样定义store2.支持ts3.去除mutations，只有state，getters，actions(支持同步异步)4.轻量级(1kb)5.vuex是要有主入口进行统一导入，pinia可以分模块导入pina简单使用1.导入path项目全局安装@t
林恒smileZAZ·2023-11-21 03:09

奇舞周刊第511期：Vite 5.0 正式发布

记得点击文章末尾的“阅读原文”查看哟~下面先一起看下本期周刊摘要吧~奇舞推荐■■■Vite5.0正式发布11月16日，Vite5.0正式发布，这是Vite道路上的又一个重要里程碑！
奇舞周刊·2023-11-21 03:37

前端食堂技术周刊第 105 期：TS 5.3 RC、Vite 5.0、W3C 新任 CEO、有害的 Pinia 模式、2024 更快的 Web

美味值：口味：金桂普洱食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly大家好，我是童欧巴。欢迎来到前端食堂技术周刊，我们先来看下上周的技术资讯。技术资讯TypeScript5.3RCVite5.0Prettier3.1W3C新任CEO的目标和愿景华为云开源低代码引擎TinyEngine下面我们来看技术资料。技术资料1.Rust是JavaScript基础设施的
童欧巴·2023-11-21 03:03

【nvm切换node版本，发现npm无法使用】

因使用Vite构建工具，对node的版本有一定的要求，于是使用了nvm切换指定node版本后，发现npm命令无法使用。
淇淇包.·2023-11-20 22:51

Easy Process 仿钉钉的流程设计器 (OA 工作流 流程引擎 BPMN)

EasyProcessEasyProcess流程设计器，基于vue3+vite4实现，具备低代码、快速应用及扩展的特点。
码农也有屠龙刀·2023-11-20 19:40

‘vite‘ is not recognized as an internal or external command

标题翻译后就是：‘vite‘不是内部或外部命令，也不是可运行的程序或批处理文运行一个由Vite构建的Vue3项目，之前还好好的能正常跑，但拉取新代码之后再次执行npmrundev就提示‘vite’不是内部或外部命令
吱吱喔喔·2023-11-20 17:01

vue vite webpack全局scss样式文件

全局的scss样式文件，先安装sass-resources-loader插件，再创建vue.config.js文件(即使你用vue3+ts，也要用js后缀，感觉ts只作用于src里面)，再配置一下就行插件下载方法npminstallsass-resources-loaderwebpack版，vue.config.js里module.exports={css:{loaderOptions:{sass
前端菜鸟丶Ndie·2023-11-20 16:37

前端：记录一次 Vite 引入 Vant 的过程，生产环境不渲染 Vant 组件

title:前端：记录一次Vite引入Vant的过程，生产环境不渲染Vant组件date:2023-05-0521:25:40categories:vitetags:vite,vant问题经过前一个步骤引入
一抹阳光&·2023-11-20 13:55

vue3+vite2实现动态路由并且动态加载组件，避坑上线成功

因为项目中的需求菜单的生成由后端返回的个人信息进行配置，所以就使用了动态路由这个方法去实现项目菜单的动态加载，这一功能的完成主要涉及两个方面一：动态路由的生成这一部分我主要是在全局路由守卫中完成的，因为路由信息是后端返回的，所以使用asyncawait,在获取菜单之后对路由对象进行封装，为了避免顶层使用await,我选择在路由全局守卫中进行对路由的封装和添加router/index.jsimpor
梦凡尘·2023-11-20 13:24

Sam Altman或回归OpenAI，微软等正在调和；阿里辟谣“裁员2.5万人”；Vite 5.0正式发布 | 极客头条

「极客头条」——技术人员的新闻圈！CSDN的读者朋友们早上好哇，「极客头条」来啦，快来看今天都有哪些值得我们技术人关注的重要新闻吧。整理|苏宓出品|CSDN（ID：CSDNnews）一分钟速览新闻点！蔚来总裁回应「倒闭」质疑：绝无可能阿里辟谣「裁员两万五千人」：谣言接二连三，已报警金山办公致歉并承诺用户文档不会被用于AI训练消息称小米汽车已完成部分城市门店店长培训，最高月薪可达3.5万元OpenA
极客日报·2023-11-20 10:50

Vue3+Vite实现工程化，插值表达式和v-text以及v-html

1、插值表达式插值表达式最基本的数据绑定形式是文本插值，它使用的是"Mustache"语法，即双大括号{{}}插值表达式是将数据渲染到元素的指定位置的手段之一插值表达式不绝对依赖标签，其位置相对自由插值表达式中支持javascript的运算表达式插值表达式中也支持函数的调用letmsg="hellovue!";lethello=function(){return"helloworld!"};let
丁总学Java·2023-11-20 09:17

Vue3+Vite实现工程化，ref初次接触响应式和setup语法糖

1、App.vue/*functionsetup(){letnum=9;}*///vue2中所有的变量都是响应式的，但是vue3中默认所有的变量都不是响应式import{ref}from"vue";/*exportdefault{setup(){letnum=ref(9);letincre=function(){num.value++;};letdecre=function(){num.value
丁总学Java·2023-11-20 09:47

Vue3+Vite实现工程化，attribute属性渲染v-bind指令

想要渲染一个元素的attribute，应该使用v-bind指令由于插值表达式不能直接放在标签的属性中，所有要渲染元素的属性就应该使用v-bindv-bind可以用于渲染任何元素的属性，语法为v-bind:属性名='数据名'，可以简写为:属性名='数据名'import{ref}from"vue";letstr="hello2024";letmyType=ref("checkbox")constdat
丁总学Java·2023-11-20 09:47

Vue3+Vite实现工程化，响应式基础

letcounter=0;functionshow(){alert(counter)}-{{counter}}+显示counter值
丁总学Java·2023-11-20 09:47

Vue3+Vite实现工程化，事件绑定以及修饰符

我们可以使用v-on来监听DOM事件，并在事件触发时执行对应的Vue的Javascript代码。用法：v-on:click="handler"或简写为@click="handler"vue中的事件名=原生事件名去掉on前缀如:onClick-->clickhandler的值可以是方法事件处理器，也可以是内联事件处理器绑定事件时，可以通过一些绑定的修饰符，常见的事件修饰符如下@click.once:
丁总学Java·2023-11-20 08:41

vue3 使用require报错：require is not defined

1.报错原因vue3使用vite打包里面没有require方法，webpack里面有这个方法2.解决方案使用import代替*注：资源可使用import.meta.globEager(“…/*.png”
WeirdOwl·2023-11-20 07:50

Vite+ React+TypeScript 解决跨域问题

1找到vite.config.ts添加以下代码//解决跨域问题server:{proxy:{'/api':{target:'http://43.143.24.215:8888/',//target:'http
LL1018。·2023-11-20 07:19

vite+react+typescript 遇到的问题

1.找不到模块“vite”。
WeirdOwl·2023-11-20 07:18

vite+ts+vue3 知识点（插槽slot）

匿名插槽子组件//插槽站位符.content{display:flex;header{flex:1;height:500px;background-color:skyblue;}main{flex:1;height:500px;background-color:pink;}footer{flex:1;height:500px;background-color:orange;}}父组件//插槽模板h
微光无限·2023-11-20 06:59

vue3+vite+ts--插槽slot的详细使用

目录一、插槽的作用二、匿名插槽（默认插槽）三、具名插槽四、动态插槽名五、作用域插槽一、插槽的作用-插槽是Vue中常见的一种组件间的相互通信方式，作用是让父组件可以向子组件指定位置插入html结构，适用于父子组件，在要接收数据的组件页面通过标签来表示，简单来说，就是通过此标签来起到占位的作用，而要插入的内容也会对应到标签所在的位置，插槽又分为匿名插槽、具名插槽、作用域插槽二、匿名插槽（默认插槽）三、
星星点点..·2023-11-20 06:27

前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 第二章 环境部署

系列文章目录第一章技术栈简介(开篇)第二章环境部署(Node等环境安装)第三章项目创建(Vite项目初始化)第四章样式格式化(Sass)第五章路由配置(vue-router路由守卫)第六章请求配置(Axios
SmallTeddy·2023-11-20 06:22

前端 webpack 面试题

插件）:总结区别：webpack如何热启动及原理HMR(热更新实现的原理)websocketfs.watch说说一些常用的loader和plugin常用Loader：常用Plugin：webpack和vite
可缺不可滥·2023-11-20 06:41

vite 打包部署出现的问题

1、部文件打包之后大小超过500KiB，错误信息【Somechunksarelargerthan500KiBafterminification.】将文件块的大小限制改大一些在vite.config.js
是菜菜的小前端啊·2023-11-20 04:01

前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 第三章 项目创建

系列文章目录第一章技术栈简介(开篇)第二章环境部署(Node等环境安装)第三章项目创建(Vite项目初始化)第四章样式格式化(Sass)第五章路由配置(vue-router路由守卫)第六章请求配置(Axios
SmallTeddy·2023-11-20 04:27

Warning: [antd: Breadcrumb] `Breadcrumb.Item and Breadcrumb.Separator` is deprecated. Please use `it

前端bug这里是博主总结的一些前端的bug以及解决方案，感兴趣可以看一下,有不同方案可以在评论区提出正文开始错误场景react+vite+antdesignantdesign版本是：^5.10.2react
鋜斗·2023-11-20 02:04

vue3项目安装eslint和prettier

【几乎最全/全网最长的2万字】前端工程化完整流程：从头搭到尾（vue3+vite+qiankun+docker+tailwindcss+iview......）
深一海·2023-11-20 02:59

前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 第一章 技术栈简介

系列文章目录第一章技术栈简介(开篇)第二章环境部署(Node等环境安装)第三章项目创建(Vite项目初始化)第四章样式格式化(Sass)第五章路由配置(vue-router路由守卫)第六章请求配置(Axios
SmallTeddy·2023-11-20 01:58

vite vue3安装element-plus

准备参考安装官网yarnaddelement-plus完整引入如果你对打包后的文件大小不是很在乎，那么使用完整导入会更方便。main.ts//main.tsimport{createApp}from'vue'importElementPlusfrom'element-plus'import'element-plus/dist/index.css'importAppfrom'./App.vue'co
假装我不帅·2023-11-20 01:38

vite vue3 配置pinia

准备https://blog.csdn.net/qq_36437991/article/details/134474050安装pinia官网yarnaddpiniasrc下新建store文件夹，该文件夹下新建index.tsimport{createPinia}from"pinia";conststore=createPinia();exportdefaultstore;修改main.tsimpo
假装我不帅·2023-11-20 01:08

vite vue3配置eslint和prettier以及sass

准备教程安装eslint官网vue-eslintts-eslint安装eslintyarnaddeslint-D生成配置文件npxeslint--init安装其他插件yarnadd-Deslint-plugin-importeslint-plugin-vueeslint-plugin-nodeeslint-plugin-prettiereslint-config-prettiereslint-pl
假装我不帅·2023-11-20 01:08

vite+vue3+electron开发环境搭建

yarncreatevitetest01安装vue环境cdtest01yarnyarndev说明vue环境搭建成功安装electron#因为有的版本会报错所以指定了版本[email protected]安装vite-plugin-electronyarnadd-Dvite-plugin-electron
假装我不帅·2023-11-20 01:06

vite4批量注册vue3全局组件

在utils文件夹下新建registGlobComp.tsimport{defineAsyncComponent}from'vue'import*asElementPlusIconsVuefrom'@element-plus/icons-vue'//注册components文件夹下的组件exportdefaultfunction(app){constmodules=import.meta.glob
weixin_45979310·2023-11-19 08:01

vue3轻量级状态（nf-state）的设计思路和使用思路

源码https://gitee.com/naturefw/vue-data-state在线演示https://naturefw.gitee.io/vite2-vue3-demo/安装npminf-stateoryarnaddnf-state
自然框架·2023-11-19 03:43

uview-plus中二级菜单左右联动更改为uni-app+vue3+vite写法

uview-plus3.0重磅发布，全面的Vue3移动组件库该插件使用的vue2写法，但支持vue3引用，在此基础上修改为uni-app+vue3+vite;-->搜索{{item.name}}{{item.name
GUOZHUOYUE.·2023-11-19 03:07

vite+ts项目配置路径别名

vite3+ts项目配置别名在tsconfig.json中compilerOptions里面配置一些路径"paths":{"@/*":["./src/*"],"@helpers/*":[".
林无静树898·2023-11-19 02:14

Vue3---别名路径配置

./","paths":{"@/*":["src/*"]}}}vite.config.js配置文件中才做实际的路径转换import{fileURLToPath,URL}from'node:url'import
velpro_!·2023-11-19 02:44

vite使用vite-aliases插件配置路径别名

介绍vite-aliases支持Vite4.x版本。vite-aliases是一款vite社区插件，会自动生成一些import路径别名方面的设置（项目根路径下jsconfig.json可自行配置）。
Rococy·2023-11-19 02:10

Vite -静态资源处理 - SVG格式的图片

特点Vite对静态资源是开箱即用的。无需做特殊的配置。
NorthCastle·2023-11-19 01:39

Vite -静态资源处理 - 普通的图片

特点Vite对静态资源是开箱即用的。无需做特殊的配置。
NorthCastle·2023-11-19 01:38

vite配置路径别名

1、在vite.config.js中resolve:{alias:[{find:'@',replacement:path.resolve(__dirname,'src')}],extensions:['
西红柿地瓜nice·2023-11-19 01:36

vite中配置路径别名@

1.在vite.config.ts中增加配置import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'constpath=require
code KK·2023-11-19 01:35

Vite - 配置 - 文件路径别名的配置

为什么要配置别名别名的配置，主要作用是为了缩短代码中的导入路径。例如有如下的项目目录：project-name|--src|--a|--b|--c|--d|--e|--abc.png|--index.html|--main.js如果想在main.js文件中使用abc.png,则使用的路径是：importabcPngfrom'./src/a/b/c/d/e/abc.png'路径非常的长，因为它的目录
NorthCastle·2023-11-19 01:00

vue3+vite中再也不用单独页面引入vue了，神器：unplugin-vue-components/vite

前言：你是否还在为vue3项目中每个组件都需要单独引入vue而烦恼着，实际vite有一个插件能很好的解决这个问题，那就是unplugin-auto-import/vite使用步骤：1、安装npm/cnpm
浩星·2023-11-19 00:46

【vue3】使用vite搭建的项目需要安装的插件/配置

项目基于vite+ts+vant+axios，先上目录1.创建项目2.vetur报错调整3.vite2使用eslint校验4.使用vue-router5.使用vuex6.使用vant47.使用less8
sqwu·2023-11-19 00:46

vue3基础入门系列--②组合式API方式定义响应式数据及自动引入配置

上一篇文章主要介绍了一下vite,这一篇正式了解vue3.代码书写风格先自行创建一个vue3项目(参考上期),新建一个主页,新建一个组件页.vue3做了向下兼容,在vue3中写vue2是完全可以的,(仅部分功能不兼容
白云苍狗い·2023-11-19 00:45

依据electron-vite写一个多窗口多页面demo，包含切换主题，sqlite-better3数据库

新项目需求需要开发一款桌面软件，需要多窗口功能，在electron-vite基础上增加相关功能，基于vue3开发，包含多页面功能，根据ant-design-vue加入黑白两色主题模式，electron增加
骑猪撸代码·2023-11-18 22:24

vue2项目封装axios(vite打包)

1.安装npmiaxios2.封装axios说明：request.js文件//对axios进行二次封装importaxiosfrom"axios"import"nprogress/nprogress.css"//当前模块中引入store//importstorefrom"@/store"//引入进度条importnprogressfrom"nprogress"//start代表进度条开始，done
FOREVER-Q·2023-11-18 19:48

Vite Vue3+Element Plus框架布局

App根组件：框架布局首页新闻管理新增新闻新闻列表新闻管理系统欢迎Lily回来import{ref}from'vue'//注册icon:icon需要单独注册import{MenuasIconMenu,Message,Setting,HomeFilled}from'@element-plus/icons-vue'import{useRouter,useRoute}from'vue-router'co
无盐海·2023-11-18 18:17

vue3+vite+ts 发布自定义组件到npm

vue3+vite发布自定义组件到npm初始化项目编写组件配置打包组件上传到npm测试组件库初始化项目//创建项目pnpmcreatevitevue-test-app--templatevue-ts//
FenceRain·2023-11-18 17:09
上一页 23 24 25 26 27 28 29 30 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他