Vite构建工具

vite项目创建

1.使用命令创建一个vite项目[email protected]配置import{fileURLToPath,URL}from"node:url";import{defineConfig
lipenghao111·2024-02-04 09:46

ele-h5项目使用vue3+vite开发：第三节、自定义hooks-useToggle实现搜索页展示切换

需求分析点击首页搜索框，出现搜索页点击搜索页,隐藏搜索页,展示首页新建搜索页组件实现效果hooks介绍理解hooks就是将去改变一个参数值时，页面也会更新对应的值的想法、抽象，用代码实现的地方如何实现一个hooks在src（source）目录下创建一个use文件夹用来存放hooks文件在hooks文件中创建一个hooks写一个函数并用export来导出给对应的组件使用。该函数是用来接收和返回相关h
_沐晨·2024-02-04 09:28

ele-h5项目使用vue3+vite开发：第四节、业务组件-SearchView组件开发

需求分析展示切换动画搜索框输入文字，自动发送请求搜索结果展示搜索状态维护历史搜索展示，点击历史搜索后发送请求历史搜索更多切换动画效果importOpSearchfrom'@/components/OpSearch.vue'import{ref}from'vue'import{fetchSearchData}from'@/api/search'importtype{ISearchResult}fro
_沐晨·2024-02-04 09:25

【Oracle云】OCI DevOps Services 教程 (3) - 创建自动化部署流水线【CD流水线】

OCIDevOpsServices提供了一套标准的构建工具，帮助我们简化软件交付的过程，实现更快的集成周期和更高质量的部署。
炸鸡物料库·2024-02-04 09:09

【Electron】electron-builder打包过程中报错： A connection attempt failed—connected host has failed to respond

学习项目使用的是vue3+typescript+vite+electron，npmrunbuild打包报错信息如下：Get“https://github.com/electronXXXX”:dialtcpXXXX
卸载引擎·2024-02-04 08:27

Android学习之路(29) Gradle初探

1.Gradle定义：很多开发喜欢把Gradle简单定义为一种构建工具，和ant，maven等作用类似，诚然Gr
星如雨ｸﾞｯ!(๑•̀ㅂ•́)و✧·2024-02-04 07:15

jmeter+ant+jenkins接口自动化测试框架

大致思路：Jmeter可以做接口测试，也能做压力测试，而且是开源软件；Ant是基于Java的构建工具，完成脚本执行并收集结果生成报告，可以跨平台，Jenkins是持续集成工具。
程序员老鹰·2024-02-04 02:52

CMake语法详解

什么是CMake.在Androidstudio2.2及以上，构建原生库的默认工具是CMake..CMake是一个跨平台的构建工具，可以用简单的语句来描述所有平台的安装（编译过程），能够输出各种各样得makefile
佼佼者Mr·2024-02-04 02:52

vite, vue3, vue-router, vuex, ES6学习日记

学习使用vite+vue3的所遇问题总结（2024年2月1日）组件中使用标签忘记加setup这会导致Navbar没有暴露出来，导致使用不了，出现以下报错这是因为，如果不用setup，就得使用exportdefault
williamdsy·2024-02-04 00:54

OpenHarmony—Gradle工程适配为Hvigor工程

原OpenHarmonyAPI7的工程采用的是Gradle自动化构建工具，而OpenHarmonyAPI9的工程则采用Hvigor自动化构建工具，由于Gradle构建工具和Hvigor构建工具的配置文件不同
不入流HarmonyOS开发·2024-02-04 00:15

CMAKE学习

CMAKEVScode文件编译和调试CMake语法嵌套CMake是一个项目构建工具，并且是跨平台的，Makefile（通过make命令进行项目的构建），大多是IDE软件都集成了make，比如：VS的nmake
cliu1_16·2024-02-03 22:07

webpack 打包分析 —— 通过分析工具优化体积问题

而vite还比较年轻，大部分的项目依旧还在使用webpack进行打包。而另一方面webpack也确实在精细优化上有足够的优势。在对代码结构做深度分析与优化的时候也有非常不可替代的作用。
moonrailgun·2024-02-03 19:09

前端构建工具gulp构建项目

使用前提条件gulp是基于Nodejs的自动任务运行器，gulp依赖于nodejs，因此，在使用gulp之前需要先安装nodejs。这里略过安装说明。gulp安装步骤全局安装命令：npminstall-ggulp全局安装是方便你直接使用gulp命令，为了通过它执行gulp任务，比如gulp文件gulpfile.js中执行各种任务：//监听任务gulp.task('watch',['default'
嘻洋洋·2024-02-03 17:51

#10外部网页跳转vue3+SpringMVC解码GBK编码的参数

目录1、背景2、失败尝试之iconv-lite2.1、安装和使用2.2、遇到的问题2.3、解决方案(vite-plugin-node-polyfills)2.4、测试3、成功尝试3.1、前端参数读取方式
wbzybfa·2024-02-03 15:28

Vue3入门到实战笔记01

基于Vite创建Vue3工程一、创建Vue3工程npmcreatevite@latest按照提示创建项目cdvue3study进入所创建的项目目录npminstall安装项目需要的依赖包npmrundev
jxncxgx·2024-02-03 14:00

webpack、vite、vue-cli、create-vue 的区别

webpack、vite、vue-cli、create-vue的区别首先说结论Rollup更适合打包库，webpack更适合打包项目应用，vite基于rollup实现了热更新也适合打包项目。
m0_47761892·2024-02-03 12:40

Vite与Vue-cli的区别和特点

目录前言1.如何使用Vite和Vue-cli创建vue3.0项目2.Vite与Vue-cli的特点3.Vite与Vue-cli之间的区别总结前言Vite是创建vue3.0时的一个基本项目脚手架和开发服务器的构建工具
程序员--韩同学·2024-02-03 12:40

vite和vue-cli实现原理和优化及区别

Vite：1.实现原理：Vite是一个基于ESModule的构建工具。它利用原生ESModule的特性，将每个文件作为一个模块，通过浏览器去解析和执行，而不需要提前将文件打包成一个单独的bundle。
光影少年·2024-02-03 12:07

Linux平台下gcc安装升级

在命令行中运行以下命令来更新包管理器并安装所需的构建工具：sudoaptupdate&&sudoaptupgrade-ybuild-essential解压gcc源码压缩包，例如：gcc-7.3.0.tar.gz
jaronho·2024-02-03 11:22

Android Studio利用CMake生成.so文件并且可供其他项目引用

1、CMake工具1.1、CMake是什么CMake是一个主要用于CPP的构建工具。CMake语言是平台无关的中间编译工具。
KillerNoBlood·2024-02-03 10:32

Electron+Vue3+Vite的产品级模板项目

1.electron-vue3-template基于Vue3+Electron+TypeScript的客户端程序模板，使用Vite和ElectronForge构建和打包。
china_jeffery·2024-02-03 10:52

vue3 vuedraggable draggable element must have an item slot

vue3+vite看官网使用这种{{element.name}}实战可看这篇
Roottt_·2024-02-03 09:54

从零开始使用Konva，画图并绑定节点。

实战可行，vue3+vite+ts实现实现电子地图，左侧列表可拖拽绑定地图可绑定点设备坐标安装npminstallkonva插件引入importKonvafrom'konva'importKonvafrom'konva'import
Roottt_·2024-02-03 09:53

2023年哪个前端框架用的最多?用数据说话

本文来通过详细的数据（2023年npm累计下载量），看看2023年热门前端框架、构建工具的使用量以及使用趋势！
白帽子Elliot·2024-02-03 09:20

2023年哪个前端框架用的最多?

本文来通过详细的数据（2023年npm累计下载量），看看2023年热门前端框架、构建工具的使用量以及使用趋势！
yinmaisoft·2024-02-03 09:50

vue-3d-loader

VueJSandthreeJS3dviewer是对vue-3d-model的改进，降低Threejs使用难度#默认安装"vue-3d-loader":"^1.3.4",只支持vue2npmivue-3d-loader#vue3需要安装2版本，vite
dragonzoebai·2024-02-03 09:04

React18构建Vite+Electron项目以及打包

一.先创建项目cnpmcreatevite选择React=>JavaScript=>cdreact_vite=>cnpmi=>npmrundev二.安装Electron依赖指定版本相对稳定cnpmielectron
m0_63701303·2024-02-03 08:12

vite+vue3发布自己的npm组件+工具函数

记录一下个人最近一次发布npm组件的过程：一、创建组件和工具函数执行命令创建一个空项目：npmcreatevite创建过程稍微有些慢，不知何故？其中选择vue,个人暂时使用的JS。在src目录下面创建一个文件package存放组件和公共的JS方法案例中table是放组件的，utils是放方法的。table组件里面的主要内容就是个人业务组件，随便写点结果：{{MyValue}}测试按钮import{
well2049·2024-02-03 07:34

Vue3+TS+Vite+Pinia学习总结

VUE3介绍vue2和vue3之间的区别因为需要遍历data对象上所有属性，所以如果data对象属性结构嵌套很深，就会存在性能问题。因为需要遍历属性，所有需要提前知道对象上有哪些属性，才能将其转化为getter和setter,所以vue2中无法将data新增的属性转为响应式，只能通过vue提供的vue.set或者this.$set向data中嵌套的对象新增响应式属性，而这种方式并不能添加根级别的响
天生我材必有用_吴用·2024-02-03 06:07

【Vue3+Vite】Vue3视图渲染技术 快速学习 第二期

文章目录一、模版语法1.1插值表达式和文本渲染1.1.1插值表达式语法1.1.2文本渲染语法1.2Attribute属性渲染1.3事件的绑定二、响应式基础2.1响应式需求案例2.2响应式实现关键字ref2.3响应式实现关键字reactive2.4扩展响应式关键字toRefs和toRef三、条件和列表渲染3.1条件渲染3.2列表渲染四、双向绑定五、数据监听器一、模版语法Vue使用一种基于HTML的模
道格维克·2024-02-03 06:16

vue3+vite+vue-router4.x实现动态添加路由

实现内容：1.根据后台返回的菜单，前端实现动态添加路由；2.解决刷新页面时，路由消失/页面空白的问题；第一步：请求后台，返回菜单数据【内容如下】//后台返回的菜单数据this.menuList=[{id:1,path:'/home',name:'首页',icon:true,children:[],component:'/home/home'},{id:12,path:'/pinia',name:'
listener_life·2024-02-03 06:46

【Vue3+Vite】路由机制router 快速学习 第四期

文章目录路由简介路由是什么路由的作用一、路由入门案例1.创建项目导入路由依赖2.准备页面和组件3.准备路由配置4.main.js引入router配置二、路由重定向三、编程式路由(useRouter)四、路由传参(useRoute)五、路由守卫总结路由简介路由是什么路由就是根据不同的URL地址展示不同的内容或页面。页面切换路由的作用单页应用程序（SPA）中，路由可以实现不同视图之间的无刷新切换，提升
道格维克·2024-02-03 06:43

jmeter+ant+jenkins接口自动化测试框架

大致思路：Jmeter可以做接口测试，也能做压力测试，而且是开源软件；Ant是基于Java的构建工具，完成脚本执行并收集结果生成报告，可以跨平台，Jenkins是持续集成工具。
美团程序员·2024-02-03 05:33

Vite与Webpack打包内存溢出问题优雅处理方式

Vite与Webpack打包内存溢出问题处理文章目录Vite与Webpack打包内存溢出问题处理1.Vite1.打包错误提示2.命令行方式解决3.配置环境变量方式解决1.设置变量2.配置系统的环境变量2
小袁搬码·2024-02-03 05:31

vue3项目创建权限问题解决以及淘宝镜像过期解决

设备是：MacBook并非Windows环境近期使用vite创建vue3项目，发现要么一直卡着要么失败。用命令行创建也是一直卡着。
伊昂呀·2024-02-02 23:00

基于VUE3+Nodejs+MySQL实现的新闻搜索引擎系统源码+数据库

毕业设计基于VUE3+Nodejs+MySQL实现的新闻搜索引擎系统源码+数据库前端：VUE3+Vite
梦の落花·2024-02-02 23:36

使用 vite、typescript、vue3、element-plus、pinia、vue-router、axios、tailwindcss 等技术搭建一个基本的项目模版

介绍使用vite、typescript、vue3、element-plus、pinia、vue-router、axios、tai
zhfy啊·2024-02-02 20:42

数据大屏项目Vue3+TypeScript+tailwindcss+Vite+DataV+Echart+pinia

主要的技术栈为Vue3、Vite、DataV、Echart、TypeScript、pinia、vue-router、tailwindcss等数据的接口使用的是163的接口，此项目使用到的数据可能存在误差
蹦哒·2024-02-02 20:41

搭建 vite + vue3 + ts + pinia 项目框架

一、创建项目安装vitenpmivite-g复制代码创建项目一步创建npm6.xnpmcreatevite@latestmy-vue-app--templatevue-tsnpm7+,extradouble-dashisneeded:npmcreatevite@latestmy-vue-app–--templatevue-tsyarnyarncreatevitemy-vue-app--templa
JackieChan_·2024-02-02 20:41

vue3+vite+ts使用pinia

最近官方推出来一个最新的vuex版本,也算是vuex5的版本吧,为了尊重这个版本的原作者,所起名字为pinia.比起之前的版本使用起来简单方便,而且模块化更加清晰,维护成本更低,所以更推荐大家使用pinia状态管理1.安装piniayarnaddpinia#或者使用npmnpminstallpinia2.在src目录下新建store文件夹3.在文件夹下面新建product.ts文件(可以根据你使用
你开心的样子我好喜欢·2024-02-02 20:41

vue3+vite+ts+pinia+windicss开箱即用脚手架

脚手架传送门项目整体采用vue3compositionapi+vite+pinia+vue-router+windicss+eslint+prettier+tslint希望大佬们看看有什么可以补充的
「已注销」·2024-02-02 20:11

我用前端【最新】技术栈完成了一个生产标准的项目【Vue3 + TS + Vite + Pinia + Windicss + NavieUI】

前言聊一下自己使用这些技术的一些体会与心得，不做具体的搭建过程了，说一下工程的设计思想与遇到了哪些问题。项目背景最近一直在忙一个EPR系统的开发，新项目之前团队的技术栈基本停留于Vue2+Js+Webpack+Vuex上，但是Vue生态其实已经可以说进入了次时代，虽然我个人其实不是很倡议盲目的去追赶新的框架，因为我觉得先把自己手头的技术掌握扎实才是重中之重，团队的同学绝大多数是一些基本的开发程序员
Coder HoMeTown·2024-02-02 20:10

vue3+ts+vite+pinia 项目搭建

1.起始，项目搭建yarn创建项目yarncreatevitepnpm安装依赖（如果没有可以用npm）//mac安装pnpmsudonpmi-gyarn//安装依赖pnpmi//启动项目yarndev//安装一下pretter和eslintpnpmiprettiereslinteslint-config-prettiereslint-plugin-prettiereslint-plugin-vue
hjseo_seg·2024-02-02 20:40

从零搭建Vue3 + Typescript + Pinia + Vite + Tailwind CSS + Element Plus开发脚手架

项目代码以上传至码云，项目地址：https://gitee.com/breezefaith/vue-ts-scaffold文章目录前言脚手架技术栈简介vue3TypeScriptPiniaTailwindCSSElementPlusvite详细步骤Node.js安装创建以typescript开发的vue3工程集成Pinia安装pinia修改main.ts创建一个store在组件中使用store集成
偏安zzcoder·2024-02-02 20:09

react+ts

1.概念React和TypeScript集合使用的重点集中在存储数据/状态有关的Hook函数以及组件接口的位置，这些地方最需要数据类型校验2.使用Vite创建项目Vite是前端工具链工具，可以帮助我们快速创建一个
jiojio在学习勒·2024-02-02 19:56

Vue3+vite搭建基础架构（3）--- 使用dayjs

Vue3+vite搭建基础架构（3）---使用dayjs说明官方文档vite.config.js别名配置安装dayjs安装命令使用dayjs将dayjs封装为自己的日期工具类使用dataUtil.js日期工具类示例说明这里记录下自己在
谁不想飞舞青春·2024-02-02 19:17

Vue3+vite搭建基础架构（4）--- 使用axios

Vue3+vite搭建基础架构（4）---使用axios说明官方文档安装axios安装命令使用axios测试参数以对象形式传参测试参数在url地址后面拼接传参说明这里记录下自己在Vue3+vite的项目使用
谁不想飞舞青春·2024-02-02 19:17

Vue3+vite搭建基础架构（5）--- 使用vue-i18n

Vue3+vite搭建基础架构（5）---使用vue-i18n说明官方文档安装vue-i18n使用vue-i18n测试vue-i18n的国际化配置说明这里记录下自己在Vue3+vite的项目使用vue-i18n
谁不想飞舞青春·2024-02-02 19:14

Webpack入门1----简介

webpack是什么webpack是一种前端资源构建工具，一个静态模块打包器(modulebundler)。
DOM曼珠沙华·2024-02-02 16:02

框架学习Maven

声明：本文来源于黑马程序员PDF讲义做为一名Java开发工程师，后端Web开发技术是我们学习的重点，后端Web开发技术的学习，我们会先学习Java项目的构建工具：Maven初识MavenMaven是Apache
买个等离子电视·2024-02-02 13:55
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他