Vite+Vue3

【1】Vite+Vue3 登录功能

Vite+Vue3组合为一体的项目实战示例专栏将带领你深入了解和掌握这一最新的前端开发工具和框架。作为下一代前端构建工具，Vite在开发中的启动速度和热重载方面具有突出的优势。
Etc.End·2023-07-18 15:28

【4】Vite+Vue3左右容器中相同属性的元素内容自动对齐

Vite+Vue3组合为一体的项目实战示例专栏将带领你深入了解和掌握这一最新的前端开发工具和框架。作为下一代前端构建工具，Vite在开发中的启动速度和热重载方面具有突出的优势。
Etc.End·2023-07-18 15:53

vite+Vue3 createWebHistory 路由前缀配置

vue作为前端最火的前端框架之一，大家在使用的过程中必不可少需要使用router(路由)。路由有hash和history两种，本期主要针对history模式下路由前缀使用和配置，进行简单介绍。env变量在根目录下，创建开发、测试、灰度、生产等env文件//.env.devVITE_APP_ENV='development'VITE_APP_ROUTER='/xxx-demo/'//.env.pro
拿回忆下酒·2023-07-16 08:26

cesium学习之旅1：cesium 基本介绍以及 cesium 的 hello world 程序

二：Cesium基本使用我这里使用的是vite+vue3的项目，下面是从0开始搭建项目的的步骤：1.使用vit
凹凸曼打不赢小怪兽·2023-07-15 23:03

在vite+vue3中使用less

目录标题一、首先，安装插件二、在vite.config.js中配置三、最后在模版里声明css类型一、首先，安装插件npminstalllessnpminstallless-loader二、在vite.config.js中配置css:{preprocessorOptions:{less:{math:"always",//括号内才使用数学计算globalVars:{//全局变量mainColor:"r
筱熙☆·2023-06-20 09:02

vite项目中vue-i18n国际化与Element-Plus自动导入结合实现

前言之前就想使用i18n国际化插件，但是一直没有使用的机会，正好这次要搭建一个vite+vue3的基础项目，使用了Element-plus框架，并设设置自动引入组件，刚好也需要设置国际化，所以打算将两者结合使用
ZERO丶X·2023-06-16 04:55

vite+vue3项目修改启动的端口号为localhost

目录结构找到vite.config.ts文件在里面进行修改。需要安装几个插件yarnaddpathornpminstallpathyarnaddprocessornpminstallprocess把原有的代码替换成以下代码即可import{resolve}from'path';import{defineConfig}from'vite';importvuefrom'@vitejs/plugin-v
世间万物皆不及你·2023-06-14 13:37

解决 Vite + Vue3 开发中路由异步加载导致的页面无法点击等问题

部分数据来源：ChatGPT引言前端开发中，使用Vite+Vue3开发项目，路由的异步加载方式实现起来较为简便。
正经人_____·2023-06-13 00:13

vite-vue3

vite+vue3使用文档(单页应用-超简单教程)这些是使用Vite+Vue3的基本步骤和概念，希望对你有所帮助！请记得在实际开发中参考相关的官方文档和示例以获取更详细的信息。
Raywh·2023-06-09 00:52

electron24整合vite4+vue3创建跨端桌面程序

//版本信息vite:^4.3.2vue:^3.2.47electron:^24.4.0electron-builder:^23.6.0创建vite+vue3项目//初始化项目npmcreatevite
xiaoyan_2018·2023-06-07 18:23

vite+vue3初体验

简介使用最新的vue3,vite2,typescript等主流技术搭建的一个供学习参考的模版工程。包含技术栈：使用vue3,vite,typescript等前沿技术开发ajax：二次封装axios，统一管理接口主题：可自行修改element-plus主题样式国际化：完善的国际化方案路由：动态路由生成方案组件：二次封装了常用的组件工具：常用的指令，过滤器，storage存储，工具函数目录结构|--p
夜闯寡妇门·2023-04-21 16:30

vite+vue3使用UEditorPlus ，后端PHP

vite+vue3使用UEditorPlus什么是UEditorPlus功能亮点前端安装安装[email protected]下载UEditorPlus在main.js注册组件v-model绑定数据后端配置效果百度富文本编辑器是目前所有编辑器中功能最丰富的
苦夏木禾·2023-04-19 18:39

vite+vue3基础

vite创建项目指令npmcreatevite@latest.项目创建选择vue。创建完成之后安装依赖npmi||cnpmivite项目下引入文件需要配置@路径//如果文件路径.///如果文件层较深配置@“@/***”===“../../”配置vite中的@路径（js版本支持node全局变量ts版本不支持@types/node）import{defineConfig}from"vite";impo
不想写，还得写，写就写，慢慢写·2023-04-15 21:37

关于vue3Setup语法糖的拙见以及实际运用

直到今年八月份入职新公司后，由于公司内部整体框架都是用的vite+vue3，所以在进行项目开发时又重新接触了vue3
Web_Sam·2023-04-11 00:48

【猿创征文】Vue3 企业级优雅实战 - 组件库框架 - 6 搭建example环境

本系列已更新文章：分享一个实用的vite+vue3组件库脚手架工具，提升开发效率开箱即用yyg-cli脚手架：快速创建vue3组件库和vue3全家桶项目Vue3企业级优雅实战-组件库框架-1搭建pnpmmonorepoVue3
程序员优雅哥·2023-04-09 02:27

猿创征文｜分享一个实用的 vite + vue3 组件库脚手架工具，提升开发效率

分享一个vite+vue3组件库脚手架工具无论是vue2全家桶还是vue3+vite+TypeScript，组件库的使用几乎大家都会，但自己开发一个独立组件库就不是每个人都掌握的，因为搭建组件库的基础开发环境
程序员优雅哥·2023-04-09 02:26

【猿创征文】Vue3 企业级优雅实战 - 组件库框架 - 5 组件库通用工具包

分享一个实用的vite+vue3组件库脚手架工具，提升开发效率开箱即用yyg-cli脚手架：快速创建vue3组件库和vue3全家桶项目Vue3企业级优雅实战-组件库框架-1搭建pnpmmonorepoVue3
程序员优雅哥·2023-04-09 02:26

【猿创征文】Vue3 企业级优雅实战 - 组件库框架 - 7 组件库文档的开发和构建

本系列已更新文章：分享一个实用的vite+vue3组件库脚手架工具，提升开发效率开箱即用yyg-cli脚手架：快速创建vue3组件库和vue3全家桶项目Vue3企业级优雅实战-组件库框架-1搭建pnpmmonorepoVue3
程序员优雅哥·2023-04-09 02:40

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

问题Vue3+vite的项目，在全局安装新的Vite版本后，一直报下图错误。报错信息通过很多方式没有解决，最后发现是Vite版本的问题，因为Vue是从脚手架中引入的importvuefrom'@vitejs/plugin-vue'解决查看package.json和package.lock.json区别修改将package.json中vite的版本号固定后，安装（npminstall）发现仍有问题最
毛毛三由·2023-04-07 18:29

Vite+Vue3项目集成ESLint+Prettier+Stylelint+Husky让项目规范起来

本篇文章将带大家使用ESLint+Prettier+Stylelint+Husky从零搭建一个Vite+Vue3项目ESlintESLint是在ECMAScript/JavaScript代码中识别和报告模式匹配的工具
Web_boom·2023-04-05 07:38

vite+vue3项目中对axios的封装

前言axios是一个基于Promise用于浏览器和nodejs的HTTP客户端，本质上也是对原生XHR的封装，只不过它是Promise的实现版本，符合最新的ES规范，有以下特点：从浏览器中创建XMLHttpRequests从node.js创建http请求支持PromiseAPI拦截请求和响应转换请求数据和响应数据取消请求自动转换JSON数据客户端支持防御XSRF安装axios使用npm、yarn或
winter_cat_12·2023-04-05 07:33

使用vite+vue3构建生产级项目架构

之前一直使用的Vue2（longlongago）,现在我们也通过之前的开发经验进行搭建。•框架：Vue3•路由管理：Vue-router•状态管理：Vuex•UI组件库：ElementUI•可视化数据展示：echarts•国际化：vue-i18n•数据请求：Axios下面，我们就对项目架构依次搭建起来。撸一个基础项目出来初始化项目，安装Vue3yarncreate vite安装依赖yarn// r
任磊abc·2023-04-05 04:03

vscode + vite + vue3 + ts + eslint + stylelint 代码自动格式化

所以本文将讲解一下如何对vite+vue3项目配置代码自动格式化。
IT娜娜·2023-03-29 20:49

vite+vue3中使用mock模拟数据问题

目录1.安装mockjs和vite-plugin-mock2.在vite.config.ts文件中配置3.在根目录下创建mock文件夹4.在文件中调用5.其他总结1.安装mockjs和vite-plugin-mocknpmimockjsvite-plugin-mock--save-dev2.在vite.config.ts文件中配置vite-plugin-mock使用方式import{defineC
·2023-03-29 01:48

微前端wujie的使用与nginx部署整理

效果展示废话不说直接上代码官网入口前提：主项目是vue2子项目是vite+vue3一、主项目搭建1、创建vue2项目vuecreatemain-vue#vue2框架npmiwujie-vue2-S#vue3
奋斗在前端的实习小白·2023-03-23 17:29

vite + vue3 多页面实战优化续集：eslint+lint-staged+husky+stylelint

：最新的一次创建项目运行时候以及配置eslint部分出现了许多问题，可以结合最新的一篇vite+vue+ssg做官网再记录一下项目创建结合起来查看是否有你遇到的问题前提：在上一篇vite+vue3多页面配置记录
云鹤道人张业斌·2023-03-20 10:55

vite + vue3多页面配置记录references,loadEnv等

vite创建vue3项目记录细节点上篇vue2/vue3+webpack多页面遇到的问题和思考我们使用vue-cli搭建项目都是使用webpack打包的，现在对比一下vite感受一下极速开发体验增：下一篇vite
云鹤道人张业斌·2023-03-17 12:19

nginx如何指向本地路径及500错误解决方法

正文一个vite+vue3项目，想要部署到服务器上。
·2023-03-17 01:54

vite + vue3 项目通过 import.meta.env 获取自定义的变量

最近在使用vite+vue3开发新项目时，遇到了一个比较棘手的问题：在非vite.config.js文件里，通过import.meta.env获取不到.env.[mode]文件自定义变量。
·2023-02-23 23:36

vite+vue3项目搭建(非ts)

1、创建基本模板项目yarncreatevite2、配置vite.config.jsimport{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'import{resolve}from'path'exportdefaultdefineConfig({plugins:[vue()],resolve:{alias:{'@':resolve
Crystal002·2023-02-18 20:20

【猿创征文】 Vue3 企业级优雅实战 - 组件库框架 - 4 组件库的 CSS 架构

该系列已更新文章：分享一个实用的vite+vue3组件库脚手架工具，提升开发效率开箱即用yyg-cli脚手架：快速创建vue3组件库和vue3全家桶项目Vue3企业级优雅实战-组件库框架-1搭建pnpmmonorepoVue3
程序员优雅哥·2023-02-16 21:41

vite+vue3 使用svg icon(包括element-plus icon)

1、安装依赖npmi@element-plus/icons-vue-Snpmivite-plugin-svg-icons-D2、在vite.config.ts文件中importpathfrom'path';import{createSvgIconsPlugin}from'vite-plugin-svg-icons';//版本不同引入方式不同exportdefaultdefineConfig({..
新世界的冒险·2023-01-26 22:24

vite+vue3环境变量的配置

文章目录一、vite1.环境变量2.`env`文件2.1环境加载优先级2.2TypeScript的智能提示3.模式二、vue1.开发环境2.生产环境3.在`vite.config.ts`使用环境变量一、vitevite官方文档：环境变量和模式1.环境变量Vite在一个特殊的import.meta.env对象上暴露环境变量。这里有一些在所有情况下都可以使用的内建变量：import.meta.env.
凡小多·2023-01-23 07:28

vite+vue3 + ts 项目搭建——pinia

内容拆分2之前写过vuex的文章，想用vuex的戳这：链接2.状态管理:pinia官网：链接安装：npminstallpinia注册：//main.tsimport{createApp}from'vue'import'./style.css'importAppfrom'./App.vue'import{pinia}from'/@/store'createApp(App).use(pinia).mo
阿晴熙熙·2023-01-11 07:12

vite+vue3+ts项目插件使用（提高开发效率vite+vue3插件使用）新增github地址

一、@vitejs/plugin-vue-jsxvite+vue3项目全面支持jsx语法npmi@vitejs/plugin-vue-jsx-D在vite.config.ts配置importvueJsxfrom'@vitejs/plugin-vue-jsx'plugins:[vueJsx()]二、vite-plugin-vue-setup-extend此插件解决了：使用setup语法糖的时候没办法
wocwin·2023-01-08 08:59

vite+vue3使用tsx

安装项目npminitvite@latest根据提示选择vue>vue-ts安装@vitejs/pugin-vue-jsximportVueJsxfrom'@vitejs/pugin-vue-jsx'exportdefaultdefineConfig({vue();vueJsx();})创建一个tsx文件import{Button}from'ant-design-vue'exportdefault
Dream_web·2023-01-07 20:18

vben：vite+vue3使用cesium的方法以及遇到的一些坑

1.使用的是vben的2.7版本，想要引用cesium地球插件，需要先下载cesium以及vite-plugin-cesiumnpmicesiumvite-plugin-cesium或者yarnaddcesiumvite-plugin-cesium我下的cesium是版本^1.86.0；vite-plugin-cesium的版本是^1.2.10，仅供参考。此处遇到的坑：下载cesium以及vite
lee_amazing·2022-12-15 13:31

vite+vue3 （移动端新启项目）

所以笔者最近尝试了一下用vite+vue3搭建一个移动端项目，所以记录一下搭建的过程。有需要的小伙伴可以作为参考来搭建，可以少走很多弯路。
缝补代码一条龙·2022-12-11 19:08

vite+vue3使用vant和适配移动端+scss

1.安装vant命令：npmivant2.在vite项目中按需引入组件（推荐）命令:[email protected].安装完成后，在vite.config.js文件中配置插件：importvuefrom'@vitejs/plugin-vue';importstyleImport,{VantResolve}from'vite-plugin-style-imp
荷99·2022-12-11 19:38

3、使用Vite+Vue3搭建一个简单项目

前提条件搭建环境需要使用node，npm，还需要自己装vite环境，如果没有的去装一下链接:Node.js官网链接:Vite官网创建命令及截图过程进入你需要装项目的文件夹下，在路径位置输入cmd打开命令行1、创建项目npminitviteyourProjectName名称一般都是全小写2、选择你要用的框架，这里我们选择vue3、我没有用ts，这我依旧选的vue，之后可以根据个人爱好选择使用ts创建
鲤鱼_599·2022-12-11 19:37

2021必知必会的vite+vue3项目最佳实践

2021学什么2021第一更是尤大的Vite2，全新插件架构，丝滑的开发体验，和Vue3的完美结合。2021年第一弹，村长将以Vite2+Vue3为主题开启大家的前端学习之旅。“我自己是一名从事了6年web前端开发的老程序员（我的微信：webxxq），今年年初我花了一个月整理了一份最适合2021年自学的web前端全套培训教程（视频+源码+笔记+项目实战），从最基础的HTML+CSS+JS到移动端H
爱前端也爱恋爱·2022-12-11 19:36

vite+vue3中使用mock模拟数据

1.安装mockjs和vite-plugin-mocknpmimockjsvite-plugin-mock--save-dev2.在vite.config.ts文件中配置vite-plugin-mock使用方式import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'import{viteMockServe}from'vite-p
liguoyuan819·2022-12-11 19:36

✨ Vue3开发，或许你需要这样使用请求API

相信大部分项目采用了Vite+Vue3开发，结合网上的资源我发现对于项目整体大架构，比如状态管理pinia、开发构建V
·2022-11-30 19:50

Vue3+Vite项目搭建Electron（自用记录）

参考链接Vite+Electron快速构建VUE3桌面应用的实现_vue.js_脚本之家(jb51.net)将自己的vite+vue3项目搭建成Electron项目进行开发1.将vue项目build之后是加载
沉迷qdm·2022-10-29 08:29

vite+vue3如何配置ESLint与prettier？

webpack搭建项目流程，vite又横空出世，不得不说前端变化真的太快了，所以只有不停的学习才能跟得上大佬们的脚步；废话不多说，进入正题，由于公司的领导要求前端要有自己的脚手架项目，能拿过来就用，所以想着基于vite
前端码农小王·2022-10-03 08:33

轮播 vue3-seamless-scroll （vite+vue3）

1.官方地址https://www.npmjs.com/package/vue3-seamless-scroll2.安装npm(npminstallvue3-seamless-scroll--save)Yarn(yarnaddvue3-seamless-scroll)browser()3.全局注册import{createApp}from'vue';importAppfrom'./App.vue'
ybweb·2022-09-23 15:24

【Vite+vue3】vue3当中keep-alive的使用

所有内容首发微信公众号【WEB前端李志杰】，未经允许禁止转载！是Vue本身提供的一个抽象组件，它自身并不会渲染一个DOM元素，主要用于保留组件状态或避免重新渲染。Vue2.X版本在Vue2.X中可直接使用组件包裹，使用v-if配合$route.meta实现组件状态有条件的保留。exportdefault{computed:{includedComponents(){returnthis.$rout
WEB前端李志杰·2022-09-01 20:52

上周热点回顾（8.15-8.21）

热点随笔：·Vuex与前端表格施展“组合拳”，实现大屏展示应用的交互增强(葡萄城技术团队)·如何开发一款基于vite+vue3的在线表格系统（下）(葡萄城技术团队)·.NET性能优化-快速遍历List集合
博客园团队·2022-08-22 10:00

如何开发一款基于 vite+vue3 的在线表格系统（下）

在本篇中我们将从项目实战出发带大家了解Vite+Vue3的在线表格系统的构建。
·2022-08-17 17:15

如何开发一款基于 vite+vue3 的在线表格系统（下）

在本篇中我们将从项目实战出发带大家了解Vite+Vue3的在线表格系统的构建。
葡萄城技术团队·2022-08-17 16:00
上一页 1 2 3 4 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他