Vue3+Vite

vue3+vite搭建项目应用

1、搭建项目注意Node的兼容性：Vite需要Node.js版本>=12.0.02、创建项目使用NPM:npminitvite@latest使用Yarn:yarncreatevite或者yarncreatevitevite-demo--templatereact-ts//直接项目一步到位项目名使用的语言框架以npm为例开始搭建项目：选择一个你装demo的文件夹，打开命令行输入npminitvite
Gemini仔仔·2023-04-21 21:14

环信 uni-app Demo升级改造计划——Vue2迁移到Vue3（一）

uni-appDemo为早期通过工具从微信小程序转换为的uni-app项目，经过实际的使用以及复用反馈，目前已经不适用于当前的开发使用，因此开启了整体升级改造计划，目前一期计划将vue2代码进行手动转换为vue3
环信即时通讯云·2023-04-21 06:48

Vitepress（一）：基础教程

什么是VitepressVitepress是使用Vue3+Vite来快速搭建一个个人网站的工具，网站搭建者不需要掌握Vue3，Vite等的具体内容，只需要简单的配置就可以生成Vue风格的个人网站官方地址
摸鱼老萌新·2023-04-21 01:33

环信 uni-app Demo升级改造计划——Vue2迁移到Vue3（一）

uni-appDemo为早期通过工具从微信小程序转换为的uni-app项目，经过实际的使用以及复用反馈，目前已经不适用于当前的开发使用，因此开启了整体升级改造计划，目前一期计划将vue2代码进行手动转换为vue3
·2023-04-19 00:38

vue3 + vite自定义封装vue + element-ui 表格组件，发布到npm包的全过程。

一前言当我们项目中用到的表格太多的话，就会导致我们的代码量一直增加，所以我们要封装一个公共得组件，通过传参引入来使用，下面这篇文章主要给大家介绍了关于vue3+vite自定义封装vue组件发布到npm包的相关资料
三拾老师·2023-04-13 14:17

如何在Vue3+Vite中使用JSX

JSX介绍JSX（JavaScript和XML），是一个HTML-in-JavaScript的语法扩展，首先在React中被进入。JSX可以很好地描述UI应该呈现出它应有交互的本质形式。JSX是在JavaScript语法上的拓展，因此类似于HTML的代码可以和JS共存。例如：constbutton=  ClickMe该button常量称为JSX表达式。可以使用它在我们的应用程序中渲染标签。浏览器是
忧郁的蛋~·2023-04-13 08:14

Vue3+Vite项目使用mockjs模拟数据

一、安装mockjsyarnaddmockjs-S或npmimockjs-D二、安装vite-plugin-mocknpmivite-plugin-mock-D三、在src/mock文件夹下创建index.js文件1.在index.js写你想要的数据注意：如果里面有图片要放到public/imgs文件夹里面，要不然图片渲染不到页面上，exportdefault[{url:"/api/getUser
成熟的麦芽糖·2023-04-13 04:25

12 nuxt3学习（配置）

链接:nuxt3官网nuxt简介vue3技术栈：Nuxt3是基于Vue3+VueRouter+Vite等技术栈，全程Vue3+Vite开发体验（Fast）。
是云呀！·2023-04-10 21:45

Vue3+vite重构尚品汇81集-113集

第82集:这集用老师的写法比之前80集我自己写的略快一点点，少了向vuex发送请求的性能损耗。第83集：这里我用vite所以不用加~。第85集：这集思路很不错，替代需要付费的短信业务，在后台发送数据过来，可以给入门者节省一笔短信业务开支，不错。想要真实获取验证码可以看我之前硅谷外卖的博客，里面有自己编写后台发送验证码的内容。第89集：知识点，action里面不能操作state。第90集：这集刚开始
returnadsss·2023-04-10 19:40

Vue3 + Vite +Ts+Element-plus搭建组件库并使用Vitepress编辑组件库文档且发布到 npm并且部署 github pages

最终效果一、创建Vue3+Vite项目可以参考我之前发布的vite快速搭建vue3项目文章来创建；也可以直接使用我开源Vue3.2+Ts+Vite3+Pinia+Element-Plus模板wocwin-admin
wocwin·2023-04-09 02:13

前端VUE3+Vite -- 框架搭建

这里写目录标题整理环境Vite为什么选Vite构建Vite总结初始化项目element-plus构建使用配置全局Vuex什么是VueX：为什么选用Vuex总结构建Router构建配置全局axiosvite-plugin-mock引入依赖配置vite.config.tsnprogresshooksuseStateuseEffect搭建登录页整理home页面下面是搭建可能遇到的问题：webstorm识
徐寿春·2023-04-08 05:33

vue3+vite开发

vue3+vite开发相关注意事项总结如下1.通过vite来进行创建vue项目2.设置项目名称3.进入项目4.安装依赖5.运行项目//vite安装vue3npminstall-gcreate-vite-appcreate-vite-appappcdapp
剑无锋*十年磨一剑·2023-04-08 05:29

【Vite】Vite切换版本（Vite+vue3）报错 [vite] Internal server error: Cannot set property ‘id‘ of undefined

问题Vue3+vite的项目，在全局安装新的Vite版本后，一直报下图错误。
毛毛三由·2023-04-07 18:29

vite项目使用全局样式(less|scss)

如今vue3+vite已来，少了很多不必要的配置。
硅谷干货·2023-04-07 06:35

vue3+vite build打包内存溢出 Reached heap limit Allocation failed -JavaScript heap out of memory

build打包的时候内存超出限制报错：FATALERROR:ReachedheaplimitAllocationfailed-JavaScriptheapoutofmemorypackage.json"scripts":{"dev":"vite--host","build":"vitebuild&&rm-rf../lbsmart.public/ecdesigner&&mv./dist../lbsm
李庆政370·2023-04-05 17:05

Vue3 的基础使用（详细）

一、Vite创建Vue3项目npminitvite@latestvue3-ts-vite----templatevue创建成功后用npminstall命令安装依赖运行项目vue3+vite初始化项目的基础结构启动成功的页面二
Huang_xianlong·2023-04-05 10:32

Vue3+vite 配置axios二次封装

main.js中安装依赖，引入axiosnpmiaxios--save封装http.jsimportAxiosfrom'axios';importconfigfrom'@/config';import{ElMessage}from'element-plus'importcookiefrom'@/lib/cookie';importstorefrom'@/store';exportconstbase
chinweJin·2023-04-05 07:47

vue3+vite引入vant样式不起作用

搜了很多资料没有搜到一篇能解决问题的文章，基本上都是说什么vite引入的问题，其实并不是，官网给的按需引入的代码没有什么问题这是vite的配置importvuefrom'@vitejs/plugin-vue';importstyleImportfrom'vite-plugin-style-import';exportdefault{plugins:[vue(),styleImport({libs:
weixin_46787337·2023-04-04 23:28

uni-app vue2+webpack -＞ vue3+vite 相关问题汇总（有感而发）

vue2+webpack->vue3+vite小记前述大坑：一.所有编译时的包引入（包括第三方包引入：miniprogram-sm-crypto等）都要由module.exports+require，改为
Li_Ning21·2023-04-04 08:33

vue3+vite配置多页应用

下面是工程的目录结构，里面包含一个index.html作为图表页的应用访问入口，login.html页作为登录页的应用访问入口。对应的vite.config.js的配置，主要是配置root、base、build这几个属性，具体说明参考下方注释：import{resolve}from"path";import{defineConfig}from"vite";importvuefrom"@vitejs
快进小树林·2023-04-03 09:50

vue3+vite中配置echarts自定义主题

最近在撸vue3工程，里面用到了echarts5.3，要用自定义主题的时候我整个人都不好了，按照官方的说明有两种配置方式，一种是使用js配置，一种是使用json配置，按照下面的步骤来配置就行了：JS引入：JSON引入：但实际上试了两种引入方式都不行，先说JS版本的引入方式存在的问题：下面这段代码是我下载的自定义主题的customed.js文件，如果你在html引入这个script文件，会得到一个“
快进小树林·2023-04-03 09:20

vue3+vite搭建项目

vite优势（与webpack比较）创建项目步骤前提vue版本需要安装3.x以上版本，查看版本vue--version，安装最新版本npminstall-g@vue/clinode版本需要Node.js8.9或更高版本，查看安装的所有版本nvmls，查看当前版本nvmcurrent，切换版本nvmusexxx安装vite命令npmivite-g建项目在要建项目的文件位置输入命令npmcreatev
蜗牛与藤曼·2023-04-01 23:17

快速搭建Vue3+element-Plus+electron桌面应用

但是还是得学学它的使用方法（electronjs官网），感觉还不错嘿嘿~本来想用vue3+vite写，但是发现electron与vite一起的话，要配置很多东西，特麻烦，而使用vue-cli的话可以一键快速搭建
DDDHL_·2023-04-01 01:54

vue项目创建——vue2/vue3

方式一vue+vue-cli前提条件：安装好Node.js1.创建vuecreate选择的vue3全部选项：vue3+Vite官网标注的创建方法另一种创建方式npmrundev后会报错可能是版本问题解决办法之一
h_jQuery·2023-03-31 10:41

vue3+vite 引入全局的less文件

直接在vite.config.ts写入以下代码就可以了importpathfrom'path'css:{preprocessorOptions:{less:{modifyVars:{hack:`true;@import(reference)"${path.resolve('src/assets/styles/color.less')}";`,},javascriptEnabled:true}}},
兜兜里冒糖糖·2023-03-30 21:51

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

目录一、postgresql数据库二、vue3+vite部分1main.ts2App.vue3myTable.vue测试页面三、springboot部分1Geo.java2GeoMapper.java3appl
水w·2023-03-23 18:49

Vue3+Vite项目配置Eslint+Prettier+Husky+Lint-Staged+Commitlint

Eslint配置ESLint是一个插件化并且可配置的JavaScript语法规则和代码风格的检查工具。ESLint能够帮你轻松写出高质量的JavaScript代码。1.建议vscode安装Eslint的插件，这个插件的作用是不符合Eslint规范的代码在编辑器中会有波浪线以及提示。2.安装依赖包，eslint，eslint-plugin-vue3.在根目录新建.eslintrc.js文件，里面的e
一枚攻城狮·2023-03-22 14:56

vue3+vite项目移动端适配：postcss-pxtorem和amfe-flexible

一，定义postcss-pxtoremPostCSS的一个插件，可以从像素单位生成rem单位。amfe-flexibleamfe-flexible是配置可伸缩布局方案，主要是将1rem设为viewWidth/10。二，使用1.设置viewport在index.html中：2.安装插件npminstallamfe-flexible--savenpminstallpostcss-pxtorem--sa
lynachen·2023-03-17 17:15

vue3+vite history模式部署到服务器二级目录

配置nglQLPJxZ3ZDssC5XM980CDrCeNZ-Ez8_tkgLErWmSwIQA_526_247.png在路由中添加constrouter=createRouter({history:createWebHistory('/analysis/'),routes,})注意如果是ts文件的话，如果默认有生成js的话要查看对应的js是否有加上目录，否则设置会无效。在vite.config.
如果俞天阳会飞·2023-03-17 16:42

Vue3 + vite svg 组件

Vue3+vite编写svg组件，本质上和vue2+webpack没有多大出入，唯一不同的是得编写一个vite插件WbIcon.vue这个文件和之前没多大改变，不一样之处是用了setup,可以按需更改，
jw_fc89·2023-03-10 08:55

TypeError: Failed to fetch dynamically imported module:

vue3+vite报bug：TypeError:Failedtofetchdynamicallyimportedmodule:检查后得知：vue3+vite中绝对路径引入组件和vue2+webpack有点区别
好多吃的啊·2023-02-22 08:31

vue3 + vite 使用 svg 可改变颜色

文章目录vue3+vite使用svg安装插件2、配置插件vite.config.js3、根据vite配置的svg图标文件夹，建好文件夹，把svg图标放入4、在src/main.js内引入注册脚本5、创建一个公共
好多吃的啊·2023-02-22 08:30

浅析：如何在Vue3+Vite中使用JSX

目录0.Vue3，Vite，JSX三者的关系JSX介绍在Vue3中使用JSX安装插件（@vitejs/plugin-vue-jsx）新建jsx文件语法补充知识：注意事项0.Vue3，Vite，JSX三者的关系Vue3、Vite和JSX都是现代前端开发中常用的技术。Vue3是一款流行的JavaScript前端框架，它通过提供组件化开发的方式，使得构建复杂的用户界面变得更加容易。Vue3还引入了一些新
快撑死的鱼·2023-02-21 14:32

一文详解如何在Vue3+Vite中使用JSX

目录JSX介绍在Vue3中使用JSX安装插件（@vitejs/plugin-vue-jsx）新建jsx文件语法补充知识：注意事项总结JSX介绍JSX（JavaScript和XML），是一个HTML-in-JavaScript的语法扩展，首先在React中被进入。JSX可以很好地描述UI应该呈现出它应有交互的本质形式。JSX是在JavaScript语法上的拓展，因此类似于HTML的代码可以和JS共存
·2023-02-18 16:41

2022-12-04

选用的vue3+vite，风格期望是偏未来感与科技感。开发工具选了webstorm+edge。
等我bkb·2023-02-17 22:21

Vue3+vite项目在局域网内通过ip在手机端访问

使用vite启动项目后，想在手机端访问项目，此时是访问不到的在网上查阅了相关内容，小结一下1.修改vite.confifg,js（未使用ts，使用的修改vite,config.ts）exportdefaultdefineConfig({plugins:[vue()],server:{host:'0.0.0.0'}})这时候还是访问不了，此时可以关闭共有网络的防火墙然后，查看自己pc在网络中的ip，
·2023-02-17 09:04

vue3+vite 开启热更新后，修改组件代码没有更新

vue3+vite开启热更新后，修改组件代码没有更新。原因：引入组件的路径有误差，请注意大小写。失败例子：失败例子.png
有点皮的小黄皮·2023-01-31 07:13

Vue3+Vite项目使用mockjs随机模拟数据

在vite中使用mockjs进行模拟数据，需要借助新的依赖进行使用一、安装mockjsyarnaddmockjs-S或npmimockjs-D二、安装vite-plugin-mocknpmivite-plugin-mock-D三、在src/mock/source文件夹下创建user.ts在index.vue中放入以下内容：import{MockMethod}from'vite-plugin-moc
·2023-01-28 03:01

Nvm，Nrm使用详解

使用场景我目前的公司有很多项目，之前在没写vue3项目之前，node12版本就已经够用了，但是之后用了vue3+vite以后就要使用高版本的node，例如14.17.3左右的，那这时候就可以使用nvm切换
前端菜菜DayDayUp·2023-01-15 17:05

vue3+vite使用postcss-pxtorem、autoprefixer自适应和自动添加前缀

目录1、安装postcss-pxtorem和autoprefixer2、vite.config.js引入并配置3、App.vue（自适应才需要）自动添加前缀：自适应：1、安装postcss-pxtorem和autoprefixernpminstallpostcss-pxtorem--savenpmiautoprefixer2、vite.config.js引入并配置importvuefrom'@vi
·2023-01-11 05:57

VUE3+vite项目中动态引入组件与异步组件的详细实例

目录一、全量注册，随用随取1.把项目中所有vue文件注册成异步组件。2.获取组件3.参考如下二、使用@rollup/plugin-dynamic-import-vars插件1.介绍2.安装3.使用4.Howitworks总结一、全量注册，随用随取1.把项目中所有vue文件注册成异步组件。constapp=createApp(App);functionregisterGlobalAsyncCompo
·2023-01-10 04:49

公司后台管理系统搭建（Vue3+Vite+Element Plus+TypeScript+Pinia）

前言此次项目搭建选用Vue3+Vite，并使用pnpm管理依赖包，本文将从下载到项目创建记录项目全过程。
codeMob_ZMZ·2023-01-05 13:59

搭建vue3.2+vite+ts+pinia项目

用到的技术vue3.2+vite+ts+pinia搭建项目前言vue3+vite会比vue2+webpack的速度快很多；Vite是一个轻量级的、速度极快的构建工具；vite官网创建项目npmcreatevite
阿六啊·2022-12-30 17:35

vue3+vite使用环境变量.env的一些配置情况详细说明

目录1、设置.env中的内容信息注意vue3+vite必须使用VITE开头的配置信息否则无法获取2、在vite中使用环境变量，可以用import.meta.env，有四种环境变量，如下所示：3、使用环境变量
·2022-12-26 15:10

Vue3.x +Vite引入第三方Cesium包的配置方法

1.简介在基于Cesium的应用开发过程中，经常会遇到要用的库并不是标准Cesium官方包的情况，官方包的Vue集成是相当成熟的，可以查看的资料也比较多，但是对于非官方的包引用集成，特别是在Vue3+Vite
铭崴·2022-12-14 09:17

前端图形学实战: 从零实现编辑器的图层管理面板和实时缩略图(vue3 + vite版)

本文是100+前端几何学应用案例专栏的第四篇文章,之前和大家分享了如何从零实现几何画板以及几何画板的撤销重做功能:几何学在前端边界计算中的应用和原理分析前端图形学实战:从零开发几何画板(vue3+vite
奇舞周刊·2022-12-11 19:25

vue3+vite :src 用require 动态导入图片报错和解决方法

vue3+vite动态的导入多张图片vue3如果使用的是typescript开发，就会出现require引入图片报错，requireisnotdefined不能像使用vue2这样imgUrl:require
qq_37656005·2022-11-30 09:09

Vue3+Vite项目部分JS无法打断点提示null

最近在用若依的Vue3项目调试的时候发现部分JS代码无法打断点提示null无法加载[http://127.0.0.1:81/src/store/modules/null](http://127.0.0.1:81/src/store/modules/null)的内容（HTTP错误：状态代码404，net::ERR_HTTP_RESPONSE_CODE_FAILURE）1.想调试加载路由代码image
anyly·2022-11-28 10:53

vue3+vite中使用vuex的具体步骤

目录前言：具体步骤：前言：在vue3+vite创建的项目中使用vuex，要注意的是vite有部分写法和之前的webpack是不同的，比如，他不支持require，想把vue2的项目直接升级到vue3的时候
·2022-11-27 17:48

vue3+vite引入插件unplugin-auto-import的方法

自动引入compositionapi，不需要再手动引入。github地址：https://github.com/antfu/unplugin-auto-import下载npmiunplugin-auto-import-D修改vite.config.ts文件importAutoImportfrom'unplugin-auto-import/vite'exportdefaultdefineConfig
·2022-11-25 18:36
上一页 1 2 3 4 5 6 7 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他