vue3+vite+ts

vue3实现卡片翻牌

vue3实现塔罗牌翻牌前言一、操作步骤1.布局2.操作3.样式总结前言最近重刷诡秘之主，感觉里面的塔罗牌挺有意思，于是做了一个简单的塔罗牌翻牌动画（vue3+vite+ts）一、操作步骤1.布局首先我们定义一个整体的塔罗牌盒子
bug别找我·2023-09-13 18:25

vue3+vite+ts项目适配各种分辨率解决方案

现在的电脑屏幕和尺寸越来越多样化，对于前端开发来说，适配各种屏幕成了大难题，开发中一个实际例子：开发一个导航栏，ui给的是1920*60的尺寸，前端开发的时候，在自己电脑缩放比例中开发的，但是到了其他人屏幕，比如2k屏幕或者缩放200%的笔记本上，高度就不一样了，为了解决这个问题，今天就来研究下怎么在各种分辨率下高都都保持不变，完全按照ui尺寸写试过了根元素设置zoom和scale，但是效果都不理
让代码飞1926·2023-09-06 19:02

vue3+vite+ts 封装axios踩坑记录

注意注意注意！！踩坑记录非教程示例，别跟着我进坑里，太胖我可能捞不起来(ÒωÓױ)。安装axios：npminstallaxiossrc文件夹下创建api和utils文件夹,utils里创建request.ts文件噢，对了，刚开始request.ts文件是这么写的（有坑）：importaxiosfrom'axios'constservice=axios.create({baseURL:proces
爱酱丶·2023-09-03 09:55

vue3+vite+TS配置EsLint

当你搭建好vue3+vite+TS模板后，想引入eslint规范第一步1.安装EsLintnpmi-Deslint2.初始化配置EsLintnpxeslint--init1.选择模式：Tochecksyntax
付进不是附近·2023-08-30 06:35

【Vue3+Vite+TS】11.0 组件八：时间选择组件

必备UI组件将用到的组件：TimeSelect时间选择DatePicker日期选择器时间选择新建src\components\baseline\chooseTime\src\index.vueimport{ref,watch}from'vue'constprops=defineProps({//说明：开始时间提示startPlaceholder:{type:String,default:'请选择开
bobokaka·2023-08-22 18:35

vue3+vite+ts 搭建mpa系统

项目搭建vue3系统搭建有两种方式，一种是使用vuecli4.5版本以上，可以直接生成，各种需要的初始配置都有，比如eslint、ts等，具体使用可以参考https://cli.vuejs.org/zh/，只是编译依然使用的是webpack。另一种是使用vite命令#npm6.xnpminitvite@latestmy-vue-app--templatevue#npm7+,需要额外的双横线：npm
drneilc·2023-08-22 04:37

【Vue3+Vite+TS】3.0 组件二：图标选择器

必备UI组件图标选择器将用到以下几个组件：Icon图标Button按钮Message消息提示Dialog对话框组件设计修改路由src\router\index.ts/**@Author:bobokaka*@Date:2021-12-1911:26:38*@LastEditTime:2021-12-2021:17:12*@LastEditors:bobokaka*@Description:路由*@F
bobokaka·2023-08-20 13:29

vue3+vite+ts引入海康威视监控

1.首先我们在海康威视官网上面下载这个下载以后打开demo把这三个文件放进你的public里面去在vue3项目里的index.html引入2.新建一个监控复用组件,只需要通过props传入监控编号就能使用了index.vueimport{reactive,onMounted,onDeactivated,watch,onActivated}from"vue";import{useRouter}fro
范天缘·2023-08-19 06:26

快速创建vue3+vite+ts项目

安装nodejs创建项目npminitvite@latest默认之后回车选择项目名字my-vue-project选择vue框架选择ts运行项目cdmy-vue-projectnpminstall--registry=https://registry.npm.taobao.orgnpmrundev
假装我不帅·2023-08-16 19:14

vue3+vite+ts封装svg组件

目录1、SVG图标配置2、svg封装为全局组件1、SVG图标配置在开发项目的时候经常会用到svg矢量图,而且我们使用SVG以后，页面上加载的不再是图片资源。这对页面性能来说是个很大的提升，而且我们SVG文件比img要小的很多，放在项目中几乎不占用资源。安装SVG依赖插件pnpminstallvite-plugin-svg-icons-D在vite.config.ts中配置插件import{crea
东方青云、·2023-08-14 18:31

Vue3 + Ts + Vite 封装一套企业级axiso全流程

前期回顾从零搭建Vue3+VIte+Ts项目——并集成eslint、prettier、stylelint、husky、lint-staged、pinia、axios、loding、动态路由…_彩色之外的博客
彩色之外·2023-08-14 08:46

Vue3+Vite+Ts 项目实战 06 自动注册全局组件、封装分页和 Dialog 组件、权限管理

创建全局组件页面容器组件.content-space{display:flex;:deep(.content-space__item){width:100%;}:deep(.content-space__item:last-child){padding-bottom:unset!important;}}Card组件.content-space{display:flex;:deep(.content
皮蛋很白·2023-08-10 15:57

基于vue3+vite+ts，使用nexus发布组件库

1、前提条件已部署nexus3，可参考：Ubuntu部署和体验Nexus3-腾讯云开发者社区-腾讯云代理设置：【Nexus】通过Nexus搭建Npm私库_猫巳的博客-CSDN博客Docker是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中，然后发布到任何流行的Linux或Windows操作系统的机器上，也可以实现虚拟化。nexus的全称是NexusReposito
韩小浪~~·2023-08-04 20:03

el-upload文件上传(只能上传一个文件且再次上传替换上一个文件) vue3+vite+ts

组件：上传import{ref}from'vue'importtype{UploadProps,UploadUserFile,UploadRawFile,UploadFile,UploadFiles}from'element-plus'constemit=defineEmits(['fileREquestFn'])constfileList=ref([//{//name:'element-plus
六便士的理想·2023-07-26 18:49

vue3+vite+ts+vant 开发浙里办H5应用流程和注意事项

vue3+vite+ts开发浙里办H5应用流程和注意事项最近有个项目是要开发到浙里办的一个H5项目,记录一些问题;浙里办irs系统内node版本和npm版本如下建议切到他们的版本再进行开发这样问题少一点
Colesyn L.·2023-07-20 05:10

uniapp+vue3+vite+ts搭建项目引入uni-ui和uviewPlus组件库

一、创建项目架构首先使用官方提供的脚手架创建一个项目在这里插入代码片，这里我创建的vue3+vite+ts的项目：npxdegitdcloudio/uni-preset-vue#vite-tsproject-name
你离优秀差多少·2023-07-19 13:18

Micro-app vue3+vite+ts用法

前言：微前端的概念是由ThoughtWorks在2016年提出的，它借鉴了微服务的架构理念，核心在于将一个庞大的前端应用拆分成多个独立灵活的小型应用，每个应用都可以独立开发、独立运行、独立部署，再将这些小型应用融合为一个完整的应用，或者将原本运行已久、没有关联的几个应用融合为一个应用。微前端既可以将多个项目融合为一，又可以减少项目之间的耦合，提升项目扩展性，相比一整块的前端仓库，微前端架构下的前端
GUOZHUOYUE.·2023-07-18 10:47

vue3项目创建（vite3+ts+elementui-plus）

文章目录1.创建工程1.创建工程目的：vue3+vite+ts安装依赖，安装vite的工具Vite下一代的前端工具链为开发提供极速响应v4.3npminstall-gcreate-vite创建工程create-vitefont-userui
只会写bug的靓仔·2023-07-17 23:22

vue3+vite+ts配置

文章目录1.src别名配置2.svg配置2.1封装svg全局组件3.集成scss与css完成主题定制3.1在vite中配置scss4.环境变量配置5.移动端适配6.自动按需加载7.mock配置1.src别名配置下载path模块npmi@types/path在vue.config.ts配置别名路径//vite.config.tsimport{defineConfig}from'vite'import
ik i5·2023-07-17 06:24

vue3+vite+Ts 基于Antv/x6 绘制流程图

需求效果：需求：实现一个流程图，双击可对相应的组件进行一些功能操作；工具栈：这里使用@antv/x6，基于vue3+vite+ts进行开发官网地址：https://x6.antv.antgroup.com
GUOZHUOYUE.·2023-07-16 04:10

关于vue3+vite+ts项目搭建配置

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、创建项目二、路由配置修改1、基础路由2、路由守卫配置三、pinia配置修改四、生产与开发环境配置五、其余小配置1、配置自启与Network2、自动引入组件和vue方法的插件3、格式化插件prettier和忽略文件4、跨域代理配置5、css配置6、vite.config.ts配置展示一、创建项目npminitvue@late
酸奶味的核桃·2023-06-23 08:23

(一) Vue3 + Vite + TS 项目搭建

系列文章目录系列介绍：Vue3+Vite+TS从零开始学习项目搭建：(一)Vue3+Vite+TS项目搭建实现动态菜单栏：(二)Vue3+Element-Plus实现动态菜单栏实现动态面包屑：(三)Vue3
下辈子不当程序猿·2023-06-23 08:21

vue3+vite+ts引入swiper并使用

安装swiper版本[email protected]{Swiper,SwiperSlide}from"swiper/vue";import"swiper/css";import{Autoplay}from"swiper";letmodules=[Autoplay];Slide1Slide2Slide3Slide4Slide5Slide6因为我要实现的效果是竖行滚动，并且一页
独步炎凉的大彬·2023-06-23 08:21

【Vue3】Vue3+Vite+TS使用npm包引入百度地图

文章目录Vue3+Vite+TS引入百度地图一、注册二、安装依赖包三、参考文档四、全局注册五、局部导入六、断网地图的使用八、项目使用成功图片九、使用卫星图Vue3+Vite+TS引入高德地图npm包查找地图依赖包
Ein hübscher Kerl.·2023-06-23 08:50

Vue 项目build打包发布到github pages ,刷新页面首页正常打开，子路由报错404的解决方法

一、问题效果如下：二、解决方法1、切换到gh-pages分支2、在index.html同级新增404.html文件，其内容与index.html一样三、解决后的效果如下：相关文章Vue3+Vite+Ts
wocwin·2023-06-21 15:40

vue3+vite+ts项目配置开发环境和生产环境 打包命令配置

开发环境和生产环境的配置和打包方式有所不同，下面是基于vue3+vite+ts项目的开发环境和生产环境配置及打包方式的详细说明。
码农键盘上的梦·2023-06-21 09:07

Vue3+Vite+Ts开发总结

Vue3语法糖官网地址：Go响应式变量//个人认为响应式变量和普通变量的最大区别是：响应式变量会同步更新视图模板中的显示，但是普通变量更改后不会触发视图更新import{ref,toRef,toRefs,reactive}from'vue';constnum1=ref(0);//任意数据类型的响应式变量constnum2=reactive({num:1});//reactive多用于响应式对象定义
野克·2023-06-12 18:00

vue3+vite+tsx 配置及使用

以下在vue3+vite+ts基础上配置配置第一步先安装jsx依赖yarnadd@vitejs/plugin-vue-jsx-dornpmi@vitejs/plugin-vue-jsx-d；安装完成后如果报
loriby·2023-06-08 08:18

webRtc播放rtsp视频流（vue2、vue3+vite+ts）

一、下载webRtc开发环境用的win10版本的。github上直接下载，速度感人。Releases·mpromonet/webrtc-streamer·GitHub提供资源下载，0积分https://download.csdn.net/download/weiqiang915/87700892二、启动，测试webrtc-streamer.exe-o-H0.0.0.0:9001-o:无需转码，降低
青丝到无发·2023-04-21 20:48

vue3 + vite + ts 集成mars3d

vue3+vite+ts集成mars3d文章目录vue3+vite+ts集成mars3d前言一、创建一个vue3+vite+ts项目二、引入mars3d相关依赖三、vite.config.ts相关配置四
今日无事勾栏听曲·2023-04-21 19:51

【Vue3+Vite+TS】6.0 组件四：趋势标记

必备UI组件图标选择器将用到的组件：无组件设计新建src\components\baseline\trend\src\index.vue{{text}}constprops=defineProps({//说明：标记当前趋势：上升(up)下降(down)type:{type:String,default:'up',},//说明：趋势显示的文字//父组件传递过来的值或者插槽text:{type:Str
bobokaka·2023-04-19 18:53

【Vue3+Vite+TS】8.0 组件六：导航菜单

必备UI组件将用到的组件：Menu菜单组件设计新建src\components\baseline\menu\src\index.vueMenuimport{PropType}from'vue'import{MenuItem}from'./types'constprops=defineProps({//说明：data:{required:true,type:ArrayasPropType,},})c
bobokaka·2023-04-16 22:57

mavon-editor的使用

vue3+vite+ts下安装mavon-editor3.0.0-beta版本，效果如下：安装//引入样式import'mavon-editor/dist/css/index.css';importmavonEditorfrom'mavon-editor
阿乐今天敲代码没·2023-04-11 06:55

【Vue3+Vite+TS】7.0 组件五：通知菜单

必备UI组件将用到的组件：Badge徽章Popover弹出框/气泡卡片Tabs标签页Avatar头像Tag标签Scrollbar滚动条组件设计新建src\components\baseline\notification\index.tsimport{App}from'vue'importNotificationfrom'./src/index.vue'export{Notification}//组
bobokaka·2023-04-11 03:38

vue3+vite+ts搭建组件库

话不多说，先看成品@wei_design/web-vueAVue.js3UIlibraryGitHub——点击star技术栈关于技术选型2022年了，相信对于vite、vue3听得不能再多了，对于他们的剖析也多的不能再多了，如果你还没用上这些，何不造个组件库，一起卷起来…vuehttps://cn.vuejs.org/这里使用vue3去搭建，其实就是多了一些api，换了写法，选项式api和组合式a
forguo·2023-04-08 05:27

vue3+vite+ts 接入QQ登录

说明前提资料准备在QQ互联中心注册成为开发者站点：https://connect.qq.com/创建应用，如图jssdk方式下载对应的sdk包sdk下载：https://wiki.connect.qq.com/sdk%e4%b8%8b%e8%bd%bd使用下载离线jssdk打开：https://connect.qq.com/qc_jssdk.js复制打开的内容，在本地新建一个jssdk.js文件，
lin_yeqi·2023-04-07 17:29

手把手教你如何Vue项目打包dist文件并Tomcat发布【超级详细】

：前端项目：vue3+vite+ts二、前言??：想必大家都知道，vue项目npmrunbuild会直接生成一个dist文件(文件夹)，对吧，那么对于生成
是啥东西呢·2023-04-06 00:15

vue3+vite+ts 封装axios

1、在src下新建http文件夹，再新建index.tsimportaxiosfrom'axios'//接口统一域名constdevProxy:boolean=truevarbaseURL:string|undefinedswitch(import.meta.env.MODE){case'development':baseURL=devProxy?'/dev':import.meta.env.VI
Wuli 王·2023-04-05 07:31

Vue3+Vite+Ts的Axios企业级封装+本地存储封装

前言:实际项目开发中,向后台发请求,vue相关项目,都是用axios,不会用ajax,不会为了ajax单独去引入jquery.axios官网:http://www.axios-js.com/第一步:下载依赖axiosnpmiaxios--save或者cnpmiaxios--save或者yarnaddaxios--save第二步:在src的目录中新建一个utils的文件夹第三步:request.ts
前端小灰狼·2023-04-05 07:47

vue3+SpringBoot+postgresql 项目前后端传参

【项目大纲】：vue3+SpringBoot+postgresql简单实现项目前后端传参：使用postgresql数据库，前端使用vue3+vite+ts，后端使用SpringBoot框架。
水w·2023-03-23 18:49

基于vue3+vite+TS的二次封装组件

经验之谈在写下这篇文章的思路前，我想先和点进来的小伙伴们分享一个小经验，欢迎点赞收藏~很多小白在入门的时候容易踩坑，特别是在开发一个处女作项目的时候，要么是曾经已经系统性学习过的知识运用不上，要么是没留意某属性的使用场景导致这样那样的报错等等总之在不断修修补补后，最终被你成功堆出了一坨shi山代码比如最简单的事件冒泡，在座的各位扪心自问在实际开发场景中真的能灵活运用吗？再比如父子传参，都知道pro
前端开发小司机·2023-03-13 11:36

vue3+vite+TS中使用element-plus按需引入ElLoading、ElMessage样式失效解决

目录ElMessage样式失效解决方案ElLoading样式失效解决方案总结ElMessage样式失效其实他不是失效了，只是加载到我们的可以看到下面使用的方式和效果图，vue3的element-plus遇到的问题，因为要测试一下，所以点的频率比较大，但可以明显的看到ElMessage样式显示在你浏览器的下面import{ElMessage}from"element-plus";//点击登录提示信息
·2023-02-27 18:18

图文详解Vue3没有代码提示问题的解决办法

在上一篇笔记中提到了Vue3+vite+Ts写代码过程中，出现的代码自动补全失效功能，今天来谈谈如何解决这个问题。
·2023-01-17 08:10

VUE3+VITE+TS自动引入依赖

按需加载，自动引入依赖unplugin-auto-import安装插件创建文件编写配置引入index.tsvite.config.ts内使用unplugin-auto-import安装插件这个插件可以自动引入对应的依赖，比如ref、reactive、watch，之前使用的时候需要手写import比如：import{reactive}from'vue'---------setup(){constli
湫夨兮·2023-01-08 08:31

vue3+vite+ts项目集成科大讯飞语音识别（项目搭建过程以及踩坑记录）

个人主页：不叫猫先生‍♂️作者简介：前端领域新星创作者、华为云享专家、阿里云专家博主，专注于前端各领域技术，共同学习共同进步，一起加油呀！系列专栏：vue3从入门到精通个人签名：不破不立目录背景一、项目环境二、注册科大讯飞三、下载语音识别demo四、新建vue3项目五、项目目录六、配置七、踩坑记录八、实现效果背景本人最近在做数字人项目，用到科大讯飞的语音识别功能，遇到了许多坑，做个总结，给兄弟们铺
不叫猫先生·2022-12-23 20:26

Vue3+Vite+Ts 项目实战 01 Vite 创建项目、ESLint+TS+GitCommit配置、Vue3新特性介绍

前置声明：Vue3和Vite还在持续更新，中文文档仍未全部完善，该笔记的内容在未来可能过时，建议多参考英文文档，使用最新版本。本案例使用的后端API服务，基于Express搭建，使用json文件管理数据，Git仓库和使用文档。本案例旨在学习Vite和Vue3搭建配置应用，并没有开发完整的业务功能。项目初始化使用Vite创建项目Vite官方中文文档(vitejs.dev)官方声明：Vite需要Nod
皮蛋很白·2022-12-22 20:06

Vue3+Vite+Ts项目搭建及常用插件汇总

概述个人使用vuevitets创建项目时笔记以及相关插件的使用汇总。初始化创建项目npminitvite@latestsystem-vue----templatevue-ts安装初始依赖cdsystem-vuenpminstallnpmrundev环境配置.env.developmentENV='development'​VITE_TITLE='开发环境'​VITE_BASE_URL='http:
_何同学·2022-12-22 20:06

2022年大厂必备，开箱即用的vue3+vite+ts最强模板

前言最近，尤大发布了Vue3成为默认版本的消息，意味着vue3将成为社区维护的主要方向。为了让更多的小伙伴快速进入vue3，我在Github发起了一个开源模板fast-vue3，以提供开箱即用的脚手架，快速渡过一档起步(各种配置)，直接体验加速阶段（实际项目）。配置本身并没有什么难度，后面用到再阅读文档即可。FastVue3fast-vue3，是Vue3+Vite2.7+TypeScript+Pi
盲僧leader·2022-12-02 21:06

VUE3项目启动过程中遇到的问题记录

版本Vue3+Vite+TS目录scriptsetup中无法使用emit等操作scriptsetup定义变量值scriptsetup定义表单值Vue+Vite+TS打包提醒最大500kbVite打包js
·2022-11-16 23:40

一个基于vue3+vite+ts的完整项目

介绍vue-vben-admin-2.0是一个全新的开源系统,基于ant-design-vue2.x,typescript4,vue3,vite实现的vue3风格的后台管理系统。项目基于ant-design-vue,typescript,vue3.0,vite,tailwindcss,tsx实现的vue3风格的后台管理系统，gitHub地址vue-vben-admin2.0-main分支预览地址2
weixin_39553757·2022-11-06 21:08
上一页 1 2 3 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他