vue3+ts+vite

现有的vue3+ts+vite项目集成electron

效果图什么时ElectronElectron是使用JavaScript，HTML和CSS构建跨平台的桌面应用程序框架。Electron兼容Mac、Windows和Linux，可以构建出三个平台的应用程序。现有的vue3项目集成Electron安装依赖原来有一个vue3+ts+vite+pnpm的项目，其中sub-modules是子项目，web是主入口项目，项目结构如下：需要将其转换成Electro
河马开源·2023-08-16 23:09

Vue3+Ts+Vite项目全局配置Element-Plus主题色

概述我找了很多博客，想全局配置Elmenet-Plus组件主题色，但都没有效果。所以有了这篇博客，希望能对你有所帮助！！！文章目录概述一、先看效果二、创建全局颜色文件2.1/src/styles下新建element-plus.scss文件2.2引入颜色配置文件2.3我的目录结构三、vite.config.ts中配置四、总结五、系列专栏文章链接第一篇：[配置husky、stylelint、commi
礼貌而已·2023-08-12 16:46

Vue3如何获取和操作DOM元素

Vue3如何获取和操作DOM元素环境：vue3+ts+vite目标：1.修改DOM的文本值和样式2.获取后代子DOM元素,操作修改演示这是ref为pText1的一段文本import{ref}from'vue'constpText1
键指江湖·2023-08-08 12:42

vue3 vant组件的引入方式

vue3中如何使用vant组件创建项目及环境：vue3+ts+vite一、全局组件全部引用注意：配置unplugin-vue-components插件后，将不允许以这种方式导入组件1.安装vant在项目目录下运行
键指江湖·2023-08-04 17:40

vue3+ts+vite 引入静态资源require报错 ——解决方案

vue3中报错，导入reqire静态图片资源的时候，显示require不存在'require'isnotdefined发现是在vite中不能使用require引入图片资源，因为这里的require是webpack提供的一种加载能力，由于我们使用的是Vite，因此这里必须转用Vite提供的静态资源载入Vite中静态资源处理官方示例constimgUrl=newURL('./img.png',impo
陈福国·2023-08-01 16:39

【Vue3+Ts+Vite】配置滚动条样式

一、先看效果二、直接上代码这是home页面.main-container{margin:24px;background-color:#fff;overflow:auto;//超出设定高度，出现滚动条height:880px;//给容器定一个高度text-align:center;/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*///滚动条整体部分&::-webkit-scrollbar{w
礼貌而已·2023-07-28 06:41

Vue3 axios数据请求封装

Vue3axios数据请求封装环境：vue3+ts+vite首先在项目目录下安装axios运行npminstallaxios成功后在package.json文件会显示。
键指江湖·2023-07-27 07:10

Vite + Vue3 + Ts 【免key、免账号实战本地运行GPT】

前期回顾Vue3+Ts+Vite——封装庆祝彩屑纷飞示例_彩色之外的博客-CSDN博客封装彩屑纷飞示例https://blog.csdn.net/m0_57904695/article/details/
彩色之外·2023-07-24 19:16

Vue3 父子组件之间传值

Vue3+TS+Vite环境开发1.父组件给子组件传递方法，属性和值父组件引入子组件处里面绑定方法showBtn，属性name和值msg子组件通过defineProps()来接收子组件页面显示父组件的方法
键指江湖·2023-07-16 09:41

Vue3+TS+Vite创建项目，并导入Element-plus和Sass

一、vue3创建项目1.桌面新建一个文件夹Vue3-app打开编辑器导入文件夹，编辑器打开终端输入或者命令行工具cd到项目目录下输入npminitvue@latest回车运行这里我选择了TS+Vite来开发，并选择安装路由2.cd到vue-project目录下输入npminstall回车运行3.安装完成后输入npmrundev回车运行浏览器打开localhost即可看到页面二、安装element-
键指江湖·2023-07-16 08:07

vue3+ts+vite启动正常打包时报错Cannot find name ‘Cesium‘.

1.启动正常证明没有书写代码错误2.报的都是引入的依赖包找不到的问题解决：把package.json中的"build":"vue-tsc&&vitebuild"改为"build":"vitebuild"
查查茶茶丸·2023-07-14 08:21

Vue3 动态路由、动态组件使用示例

前期回顾Vue3+TS+Vite——大屏可视化项目实战_vue3可视化大屏_彩色之外的博客-CSDN博客大屏可视化项目实战_vue3可视化大屏https://blog.csdn.net/m0_57904695
彩色之外·2023-07-13 16:37

VUE3+TS+VITE的一些经验总结

主要是一些和vue2版本差异较大的方面，持续更新中。配置资源路径，在env环境变量中设置VITE_PUBLIC_PATH='./'即可。获取环境变量中定义的全局属性，获取环境用process.env.NODE_ENV，获取其他全局属性用import.meta.env.xxx。获取页面跳转携带的查询参数，需要在页面组件中引用vue-router中的useRoute，通过useRoute的query属
tengxi_5290·2023-06-22 13:17

基于Vue3+TS+Vite+Cesium创建项目

三维视图运行结果随着近几年社会的发展，人们对三维可视化的需求也是越来越多，三维GIS如今真的越来越火了，对于做GIS前端开发的人员来说，Cesium开发是绝对绕不开的一门技术，所以今天来说说如何利用当下最火的Vue3
GIS小猪·2023-06-21 17:30

vue3+ts+vite 搭建uniapp项目（微信小程序）

模板下载：uniapp官网通过vue-cli命令行创建uniapp，参考uni-app官网，使用npxdegitdcloudio/uni-preset-vue#vite-tsmy-vue3-project下载模板；安装css预处理sass:项目终端输入：yarnaddnode-sass@^4.0.0sass-loader@^10.0.1sass（模板没有默认安装sass,如果不安装直接使用会报错）
佛系的发发·2023-06-20 13:02

Vue3+TS+Vite开发组件库并发布到npm

Vue2开发插件并发布到npm使用VitePress静态网站生成器创建组件库文档网站并部署到GitHub目标：创建vue-amazing-ui组件库，并发布到npm该组件库已发布到npm，直接安装即可使用：pnpmivue-amazing-ui#oryarnaddvue-amazing-ui#ornpminstallvue-amazing-ui目前已包含35个常用UI组件和8个常用API功能函数，
theMuseCatcher·2023-06-20 13:30

vue3+ts+vite实现pinia

本篇文章主要从事3部分单个store下的文件进行使用模块下进行使用(pinia不像vuex那样使用模块化了直接在store下定义ts文件即可)pinia持久化使用安装pinia:cnpminstallpinia安装持久化cnpminstallpinia-plugin-persistedstate1.单文件:index.ts(先不要管user.ts)index.tsimport{defineStor
@小朱呀路·2023-06-18 00:42

vue3+ts：shims-vue.d.ts

一、本文引子uniapp（3.8.4.20230531）+vue3+ts+vite项目在搭建这个base项目的时候出现红素波浪线如图，代码运行正常，但是看起来很难受，于是各种查找，能找到的资料很少，可能和我提问不够准确也有关系
snow@li·2023-06-17 13:09

Vue3+TS+Vite 入门指南

最近尝试上手Vue3+TS+Vite，对比起Vue2有些不适应，但还是真香~上手前先说下Vue3的一些变化吧~Vue3的变化Vue3带来的变化主要有以下几个方面：使用层面对比起Vue2启动速度快很多，新项目从
Moon_f3e1·2023-06-16 16:46

vue3 + ts + vite + element-plus项目搭建

前言基于Vue3已经成为默认版本，目前的项目暂时还没有使用过vue3开发和最近有一个全新的新项目的基础下，使用vue3开发项目，必然是未来的一个趋势下面记录一下怎么使用Vue3+ts+vite从0开始搭建一个项目环境准备
前端小冯·2023-06-16 15:10

使用VitePress静态网站生成器创建组件库文档网站并部署到GitHub

Vue3+TS+Vite开发组件库并发布到npm网站在线预览参考文档：VitePress一、安装依赖及配置1、安装vitepress推荐使用pnpm，安装pnpm：npminstall-gpnpm安装vitepress
theMuseCatcher·2023-06-09 16:54

使用VitePress静态网站生成器创建组件库文档网站并部署到GitHub

Vue3+TS+Vite开发组件库并发布到npm网站在线预览：VueAmazingUI|AmazingUIComponentsLibraryAmazingUI组件库https://themusecatcher.github.io
theMuseCatcher·2023-06-09 16:24

Vue2开发插件并发布到npm

Vue3+TS+Vite开发插件并发布到npm目标：创建vue-amazing-selector下拉框组件，并发布到npm，效果如下图：默认时样式：禁用时样式：①创建vue项目：vuecreatevue-amazing-selector②
theMuseCatcher·2023-06-09 16:23

Vue3+TS+Vite开发组件库并发布到npm

Vue2开发插件并发布到npm使用VitePress静态网站生成器创建组件库文档网站并部署到GitHub目标：创建vue-amazing-ui组件库，并发布到npm该组件库已发布到npm，直接安装即可使用：pnpmivue-amazing-ui#oryarnaddvue-amazing-ui#ornpminstallvue-amazing-uiVueAmazingUI在线预览目前拥有的Compon
theMuseCatcher·2023-06-09 16:51

在vue3+ts+vite项目中用BMap百度地图自定义定位icon不显示

自定义icon路径，不能直接使用路径地址，需要require包裹varmyIcon=newwindow.BMap.Icon(require("@/assets/icon.png",newwindow.BMap.Size(26,32));那么问题来了，vite+typescript项目不允许使用静态资源加载方法require，如果使用require关键字就会报错，那肯定没法显示坐标点。所以我们使用i
·2023-06-08 15:00

在vue3+ts+vite项目中用BMap百度地图自定义定位icon不显示

自定义icon路径，不能直接使用路径地址，需要require包裹varmyIcon=newwindow.BMap.Icon(require("@/assets/icon.png",newwindow.BMap.Size(26,32));那么问题来了，vite+typescript项目不允许使用静态资源加载方法require，如果使用require关键字就会报错，那肯定没法显示坐标点。所以我们使用i
·2023-06-08 15:19

vue3+ts+vite自适应项目——搭建项目

系列文章目录第一章：搭建项目目录系列文章目录前言一、搭建项目二、安装sass1.安装依赖2.测试三、引入element-plus1.引入库1.1安装2.2引入插件2.3测试2.自定义主题四、实现自适应1.安装2.引入总结前言本项目主要目的是熟练vue3和ts的使用，内容大致包括项目搭建、layout布局、自适应、element-plus引入及自定义主题、vue3等相关操作。感兴趣就继续往下看吧~一
DW14687·2023-06-07 11:48

vue3之axios封装集成

ps：这里使用的vue3+ts+vite基础配置先安装axios：#选择一个你喜欢的包管理器#NPM$npminstallaxios-s#Yarn$ya
·2023-04-18 22:14

vue3 组件TS 类型声明

据了解，已经有很多公司在使用Vue3+TS+Vite开发新项目了。那么我们也不能落后，今天就给大家分享一下如何在Vue3组件中结合Composition-Api使用TS类型。
鱿鱼西3.0·2023-04-11 17:46

unplugin-auto-import/vite的使用

项目环境vue3+ts+vite特点使用后可以不手动引入refreactiveonMounted这些api最简单使用npmiunplugin-auto-import-Dnpmiunplugin-vue-components-DimportAutoImportfrom'unplugin-auto-import
xxsjan·2023-03-28 12:27

这 22 个 Vue3 的实用技巧，你可能还不知道！

演示代码使用Vue3+ts+Vite编写，但是也会列出适用于Vue2的优化技巧，如果某个优化只适用于Vue3或者Vue2，我会在标题中标出来。
前端瓶子君·2023-03-24 01:27

npm install 提示 path xxx/node_modules/node-sass npm ERR! command failed 解决方法

是因为我要跑一个vue3+ts+vite的项目，提示我node版本太低了，所以我就去升级了node版本16.14.0最新的。
兜兜里冒糖糖·2023-03-22 09:22

0到1的vue3+ts+vite前端Web项目搭建

为了熟悉vue3+ts的开发风格，搭建的一个仿小红书的WebApp（已开源）;持续迭代中......gitHub仓库：https://github.com/xxljunjun/vue3-webApp线上地址：http://www.xxljunjun.com/redbook一、搭建项目npminitvite@latest踩坑：vite项目需要node版本大于16！！！通过vite@latest创建的
小溪流jun·2023-01-31 05:48

vue-router动态路由添加及路由刷新后消失的解决办法

所使用的Vue3+Ts+vite手动搭建的项目，对于vue-cli搭建的项目同样适用。
1CC4·2022-12-30 15:05

vue3+ts+vite后台管理模板

vue3+ts+vite后台管理模板支持前后端控制权限，使用uniapp+vue3+ts+elementplus+vite开发，码云地址：https://gitee.com/yongqiang0621/
请叫我小庄哥·2022-12-25 17:05

Vue3+TS+vite学习笔记(持续更新 一起学习)

Vue3+TS+vite学习笔记(持续更新一起学习)vue3的新特性重写双向数据绑定VDOM性能瓶颈FragmentsTree-shakingCompositionAPI重写双向数据绑定vue2基于Ojbect.defineProperty
梦到深海·2022-12-22 20:36

如何在 Vue3 组件中使用 TS 类型，看完这篇就够了

据了解，已经有很多公司在使用Vue3+TS+Vite开发新项目了。那么我们也不能落后，今天就给大家分享一下如何在Vue3组件中结合Composition-Api使用TS类型。
前端达人·2022-12-02 21:54

uni-app vue3+ts+vite开发小程序采坑说明

uniappv3搭建项目使用官方推荐命令npxdegitdcloudio/uni-preset-vue#vite-tsmy-vue3-project或者是使用uniapp官方gitee模板库在项目启动前UI调用，建议使用扩展组件（uni-ui）里面有很多组件，不能满足需求自己可以手动修改uni_modules为在插件市场下载出来的插件目录（uni-app官方维护的组件库,能够兼容vue3）需要安装
自夏·2022-09-30 13:29

【26.2】vue3学习 短路径@配置

vue3+ts+vite由于系统页面变多，总是要写'../..
王滕辉·2022-07-27 17:37

开工大吉，送你22个实用的Vue3技巧

演示代码使用Vue3+ts+Vite编写，但是也会列出适用于Vue2的优化技巧，如果某个优化只适用于Vue3或者Vue2，我会在标题中标出来。
前端开发博客·2022-07-19 10:59

这 22 个 Vue3 的实用技巧，你可能还不知道！

以下内容来自公众号逆锋起笔，关注每日干货及时送达作者：月夕链接：https://juejin.cn/post/7005880217684148231演示代码使用Vue3+ts+Vite编写，但是也会列出适用于
code小生_·2022-07-19 10:29

vite项目require语法兼容问题解决 require is not defined

默认有Vite自己的引入方式https://vitejs.cn/guide/asset...但在在日常使用Vue3+Ts+Vite构建项目中,部分比较旧的三方插件中默认使用的是require引入(webpack
·2022-06-26 08:20

一个基于vue3+ts+vite项目搭建初探

目录前言环境准备使用Vite快捷搭建使用npm使用yarn安装依赖启动项目修改vite配置文件找到根目录vite.config.ts文件打开集成路由集成Vuex添加elementui集成axios集成SassVue3使用总结前言基于Vue3已经成为默认版本，目前的项目暂时还没有使用过vue3开发和最近有一个全新的新项目的基础下，使用vue3开发项目，必然是未来的一个趋势下面记录一下怎么使用Vue3
·2022-05-30 12:56

zh-zdmin-vue3 后台管理系统最基础版

0.0.1gitee代码地址：https://gitee.com/huafei_1_0/zh-admin/tree/0.0.1/线上demo地址：http://zhadminvue.iotzzh.com/基于vue3
张中华·2022-05-16 00:57

vue3+ts+vite 问题汇总-全局配置（7）

解决全局变量ts报错新建全局文件globle.d.ts//解决全局sysConfigts报错declareletsysConfig:any;解决全局eslint报错.eslintrc.jsmodule.exports={...globals:{sysConfig:'readonly'...
·2022-04-19 17:21

vue3+ts+vite 问题汇总-stylelint14配置（6）

stylelint官网地址：https://stylelint.docschina.org/1、好处css的书写顺序很重要，会影响浏览器的渲染。正确的书写可以减少浏览器的回流，提升浏览器的dom渲染。2、安装所需依赖"stylelint":"^14.6.0","stylelint-config-html":"^1.0.0","stylelint-config-prettier":"^9.0.3",
·2022-03-25 15:06

vue3+ts+vite 问题汇总-vite打包分析（5）

1、打包优化过程1.目前vite2.x是基于rollup打包的，而不是esbuild，详见这里2.使用rollup-plugin-visualizer（类似webpack的插件：webpack-bundle-analyzer）进行打包分析，打包之后，会在根目录默认生成一个report.html文件后续内容明天完成
·2022-03-17 17:44

vue3+ts+vite 问题汇总（四）

1、@vueuse/core工具库官网地址：https://vueuse.org/guide/#installation概念：它是为Vue2和3服务的一套VueCompositionAPI的常用工具集，是目前世界上Star最高的同类型库之一。它的初衷就是将一切原本并不支持响应式的JSAPI变得支持响应式，省去程序员自己写相关代码引用
·2022-03-11 10:56

vue3+ts+vite 问题汇总-环境变量（三）

环境变量配置第一步:安装cross-envyarnaddcross-env-D第二步：在根目录新建.env、.env.test和.env.prod，并写入对应代码#项目本地运行端口号VITE_PORT=8848#开发环境读取配置文件路径VITE_PUBLIC_PATH=/#开发环境代理VITE_PROXY_DOMAIN=/api#开发环境路由历史模式（Hash模式：`hash`、HTML5模式：`
·2022-03-08 16:35

Vite为什么快呢？快在哪？说一下我自己的理解吧

由于这几个月使用了Vue3+TS+Vite进行开发，并且是真的被Vite强力吸粉了！！！Vite最大的优点就是：快！！！非常快！！！
·2021-12-19 13:22
上一页 1 2 3 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他