vite 第37页

Vite+Vue3+ElementPlus+Pinia+Axios+Vue-Router框架搭建

和持久化插件5.安装ElementPlus6.自动导入7.安装图标8.package.json文件四、配置文件1.配置.env.development开发环境2.配置.env.development生产环境3.vite.config.js

localhost:9000·2023-10-22 10:57

vite+vue3+elementPlus+less+router+pinia+axios

1.创建项目2.按需引入elementplus3.引入less安装vue-router安装axios安装piniapinia的持久化配置(用于把数据放在localStorage中)---另外增加的配置1.创建项目npminitvite@latest2.按需引入elementplusnpminstallelement-plus--save//按需引入npminstall-Dunplugin-vue-

豆逗逗·2023-10-22 10:56

vite+vue3+ts解决跨域问题

一、在vite.config.ts文件中添加如下代码：exportdefaultdefineConfig({server:{proxy:{'/api':{target:'http://localhost

SGdan_qi·2023-10-22 09:13

TypeScript的另一面：类型编程

正在越来越普及，很多人像我一样写了TS后再也回不去了，比如写再小的demo也要用TS（得益于ts-node[1]），JS只有在配置文件如Webpack（实际上，接下来肯定会有用TS写配置文件的趋势，如Vite

佐鼬鸣·2023-10-22 08:56

vue3及vite搭建环境

Vite需要Node.js版本14.18+，16+。然而，有些模板需要依赖更高的Node版本才能正常运行，当你的包管理器发出警告时，请注意升级你的Node版本。

撒路耶不冷·2023-10-22 01:36

UniApp-Vue3踩坑记录&心得体会

用于对图片路径的统一储存与管理，例如1.2由于uni-app——小程序的编译性质，静态图片等资源文件需放在/public/static/images下（编写页面时使用，部署到生产环境时移除），同时还须在vite.config.ts

Mr.Hu.·2023-10-22 01:05

win7系统中vue3 + vite 打包node版本过低

1.去控制面板里面卸载掉node.js。2.到网站下载了12.0.0的版本，过高版本win7不支持（下面是下载地址）以往的版本|Node.jshttps://nodejs.org/zh-cn/download/releases/2.下载适合自己电脑的安装包3.下载之后自行安装

只要平凡·2023-10-22 01:04

vite+Vue3踩坑总结

一、创建项目可参考：快速上手|Vue.js命令：npminitvue@latest,这个命令创建出来的项目可以选择router、pinia、eslint等配置。其他命令：1.使用npminit@vitejs/app项目名称来创建会报错2.使用npminitvit额，该命令可以成功创建项目，但是router等配置需要自己配，我想找一个一举成功的办法，最终在vue.js官网找到了第一个命令——npmi

gu9611·2023-10-22 01:32

vue3-ts-vite踩坑日记

1、axios请求拦截器中config.headers被提示可能未定义的问题。这个报错是因为axios的源码中headers做了判断config中可以没有headers属性如图：要解决这个报错也很简单。确定有headers的情况下再执行之后的方法。

哈里波提·2023-10-22 01:32

【vue3】踩坑日记，vite与node版本对应（mac环境）

创建vue3+vite+ts项目时，报错Therequestedmodule‘vue’doesnotprovideanexportnamed‘computed’；node版本问题，Vite需要Node.js

Sandra·2023-10-22 01:31

vite 和 webpack 的区别

Vite和Webpack都是前端打包工具，它们的作用类似，但实现方式和使用方法有所不同。

weixin_43962020·2023-10-22 00:48

vue3+vite中使用Lottie动画

Lottie通过读取json文件信息实现动画效果官方文档Lottie官网lottie库有众多动画选择下载LottieJSON到项目中安装Lottie包pnpmaddlottie-web模板创建引入lottie-web以及动画json文件importlottiefrom'lottie-web';importtransformJsonfrom"@/assets/json/playLottie.json

六便士的理想·2023-10-21 15:13

一文详解新一代高效前端构建工具VITE-达观数据

Vite是一个快速、简单且高效的前端构建工具，它的出现为前端开发者带来了新的构建体验。在本文中，我们将探讨Vite的技术原理、优点和使用方法。

AI界小学生·2023-10-21 10:47

SSM - Springboot - MyBatis-Plus 全栈体系（三十三）

微头条业务简介用户功能注册功能登录功能jwt实现头条新闻新闻的分页浏览通过标题关键字搜索新闻查看新闻详情新闻的修改和删除2.技术栈介绍2.1前端技术栈ES6作为基础JS语法nodejs用于运行环境npm用于项目依赖管理工具vite

柠檬小帽·2023-10-21 03:16

vue3.0路由自动导入

一、前提我们使用的是require.context方法导入，在vite创建的项目内使用会报错"requirenotfound"，所以必须用webpack创建项目。

放风喽·2023-10-21 02:47

Vite2 静态资源处理

ImportingAssetasURL导入静态资产时，将返回解析后的公共URL:importimgUrlfrom‘./img.png’document.getElementById(‘hero-img’).src=imgUrl例如，在开发阶段，imgUrl将是/img.png，而在生产版本中，它将变成/assets/img.2d8efhg.png。其行为类似于webpack的文件加载器。区别在于导

放风喽·2023-10-21 02:17

Electron + ts + vue3 + vite 项目搭建

之后，安装依赖之后试运行一下，出现一下页面意味着vite-vue项目创建成功。npmcreat

吱夏cz·2023-10-21 02:24

vite+vue3+electron项目搭建教程

一、使用vite创建vue项目1.在自己的项目文件夹下打开终端，输入以下命令创建vue项目npmcreatevite@latest是否需要使用TS看自己的需求，为了方便我这里就选用JS了2.进入项目目录

安陌乐轩·2023-10-21 01:23

vue3 +vite开启项目

项目启动#安装pnpmnpminstallpnpm-g#安装依赖pnpminstall#项目运行pnpmrundev#项目打包pnpmrunbuild

Z_Wonderful·2023-10-21 01:53

electron实战之Electron+Vue+Vite+ElementPlus操作本地配置文件

Electron+Vue+Vite+ElementPlus实战electron集成vue的介绍可以看之前的文章。

bdawn·2023-10-21 01:52

Vue3 + TypeScript

Vue3+TS开发环境创建1.创建环境vite除了支持基础阶段的纯TS环境之外，还支持Vue+TS开发环境的快速创建,命令如下：$npmcreatevite@latestvue-ts-pro----templatevue-ts

是三好·2023-10-20 18:59

创建一个vite3+vue3项目

node版本：16.8.0（版本太低会出现安装错误，如下图node版本12.9.1）1、npminitvite@latestvite-test–--templatevue（默认vue,javascript环境或npminitvite@latest（分步按下键回车选择自己想要的环境）2、接下来按照提示进行安装和起服务3、浏览器打开网址：http://127.0.0.1:5173/，项目便新建成功了

Missying55·2023-10-20 17:15

下一代前端开发利器——Vite（原理源码解析）

前段时间用Vue3搭建项目时看到同时推出的Vite，只当它是一个新打包工具或者vue-cli的升级版，仍然选择了用Webpack构建项目。

徐小夕@趣谈前端·2023-10-20 11:26

前端（十九）——vue/react脚手架的搭建方式

博主：小猫娃来啦文章核心：前端（十九）——vue/react脚手架的搭建方式文章目录前言Vue脚手架搭建方法VueCLI脚手架Vite脚手架其他方式React脚手架搭建方法CreateReactApp脚手架

小猫娃来啦·2023-10-20 11:51

请问：怎么实现大文件快速上传？

本文只介绍资源分块上传的方式，并且会通过前端（vue3+vite）和服务端（nodejs+koa2）交互的方式，实现大文件分块上传的简单功能.梳理思路问题1：谁负责资源分块？谁负责资源整合？

前端开发博客·2023-10-20 06:40

vue3+vite配置eslint&prettier

一、创建一个vite+vue3+ts项目npminitvite@latest二、安装eslint依赖[email protected]@typescript-eslint

·某某··2023-10-20 05:39

vite+vant+vue3新闻客户端app（一）

u5173u6ce8u7528u62370a3ca20id3du5173u6ce8u7528u62373e203ca3e项目源码地址：https://gitee.com/git640640/news一、项目初始化--使用vite

与月儿漫邀·2023-10-19 23:40

Vue3中自动引入ref、reactive等语法

方便开发，我们可以下载插件npminstallunplugin-auto-importyarnaddunplugin-auto-importpnpminstallunplugin-auto-import在vite.config.js

L_羽鹏·2023-10-19 18:17

乾坤qiankun（微前端）样式隔离解决方案--使用插件替换前缀

框架的不同或版本的不同：vue/react等，vue2/vue3等ui组件库版本的不同，以element为例，可分为element-ui/element-plus打包工具的不同，比如常用的webpack/vite

赢乐·2023-10-19 18:09

zzy-project-cli,提供多个框架的脚手架

使用step1zzy-clicreate[项目名称]step2获取模板之后选取任一进行下载下载完成之后即可使用模板介绍模板组是由新旧多个不同的框架集合成的，vite类为最新开发产出的框架，webpack

想必是渣渣宇了·2023-10-19 15:55

vite+vue3.0 + TypeScript+element-plus环境搭建

1、环境要求：node版本16+以上2、搭建vite项目npmcreatevite@latestcmd运行下面命令cdvite-projectnpminstallnpmrundev谷歌浏览器访问http

zhou13528482267·2023-10-19 13:07

vite+vue3报错：无法找到模块“xxx.js”的声明文件。“xxx.js”隐式拥有“any”类型。

前景：vite+vue3环境解决方案：1、将xxx.js文件修改为xxx.ts文件；2、在xxx.d.ts文件中添加声明；如在src目录下vite-env.d.ts添加//"@/base/tools/util.js

zhou13528482267·2023-10-19 13:07

vite+vue3.0 使用tailwindcss

参考资料：安装-TailwindCSS中文文档|TailwindCSS中文网npminstall-Dtailwindcssnpminstallpostcssnpminstallautoprefixernpxtailwindcssinit-p生成/src/tailwind.config.js和/src/postcss.config.js配置文件在/src/tailwind.config.js配置文件

zhou13528482267·2023-10-19 13:59

axios常用请求封装 vue3.0

@/store'importcachefrom'@/utils/cache'//axios实例constservice=axios.create({ baseURL:import.meta.env.VITE_API_UR

qq_34114535·2023-10-19 13:51

vue3.2.X + Vite2.X + Pinia2.X的前端项目常见报错

在vue3.2.X+Vite2.X+Pinia2.X项目中，执行npminstall或者npmrundev时，报以下几种错误的，均是因为版本不兼容,或者node版本过低导致，具体错误如下：硬件环境：windows764

listener_life·2023-10-19 10:41

vue3+ts+vite库开发，库被引用时报错“getActivePinia()“ was called but there was no active Pinia.的解决方案

我在开发一个基于vue3、TS、vite的库时，用到了pinia管理状态，库发布后，在项目中引用该库，浏览器控制台报错："getActivePinia()"wascalledbuttherewasnoactivePinia.Didyouforgettoinstallpinia

Ricky__H·2023-10-19 10:40

【打包vue前端项目】

文章目录前言一、打包命令二、重新打包三、打包不成功可能存在问题：解决方案：四、其他问题前言实例项目是使用vue3+vite一、打包命令默认的打包命令一般为npmrunbuild但是还有其他命令如npmrunbuild

Didicode·2023-10-19 08:17

vue3+vite+pinia+pinia-plugin-persist持久化存储无效

dnpao·2023-10-19 08:17

Vue3+Vite+Koa2的一个前后端分离todolist记事本网站

介绍使用Vue3+Vite+Koa2的一个前后端分离todolist记事本网站，功能较为简单，页面自己设计的（自我感觉良好），可能有些地方有点小bug，此项目当时主要是练习koa2的基本使用和项目自动化部署

coderYYY·2023-10-19 07:05

koa+Vite+vue3+ts+pinia构建项目

一、初始化构建项目npmcreatevitemyProject----templatevue-ts注：Vite需要Node.js版本14.18+，16+。

sintina·2023-10-19 07:02

初探Vue3

本篇文章目录\textcolor{green}{本篇文章目录}本篇文章目录新构建工具Vite\textcolor{blue}{新构建工具Vite}新构建工具ViteCompositionAPI火爆来袭\

几何心凉·2023-10-19 06:26

Electron之集成vue+vite开发桌面程序

在electron中集成vue开发桌面程序使用我们之前创建的electron项目创建vue项目命令行进入electron根目录执行下面命令npmcreatevite@latestvue----templatevue这样就创建了一个vue项目，文件名是vue，命令行进入vue下，执行下面命令安装依赖包npminstall然后执行下面命令启动项目npmrundev浏览器打开http://localho

bdawn·2023-10-19 05:04

react+vite+ts+antdesign项目搭建-20220802

react+vite+ts+antdesign项目搭建（可同时参考vue3+vite+ts+Elementplus项目搭建）—20220802目录react+vite+ts+antdesign项目搭建（

青山绿水的蓝·2023-10-19 04:51

vite+vue3+ts项目搭建之使用Pinia代替vuex及Pinia持久化处理

在线预览Link：https://wocwin.github.io/wocwin-admin/前言以下操作，是续接之前第二步——含插件使用及eslint&prettier配置插件安装使用是重点（极大提高了开发效率）一、使用Pinia代替vuex1、安装pinianpminstallpinia2、在src目录新建store文件夹，新建index.ts文件，代码如下：//因为用了“unplugin-a

wocwin·2023-10-19 03:21

React，手写简易redux（二）- By Viga

React，手写简易redux（二）本章节会完成一个简易的redux实现该系列内容会逐步实现简易的redux使用技术栈：vite+react该系列感谢@方应杭的react教学视频目录实现reducer、

YoLoViga·2023-10-19 01:58

vite+vue3使用localhost访问接口报错 500

vite+vue3使用localhost访问接口报错500用ip访问这个接口是可以通的但是用localhost访问就报500或者200但不返回东西，原因就是代理少了个配置secure:false,//跳过

zhangyuea·2023-10-18 22:37

vite 环境变量导致接口携带本地ip地址

vite环境变量导致接口携带本地ip地址最近在学习vite+tsx+elementplus做个框架把踩过的坑记录一下~萌新上路请多指教。。

stars_gthrsj·2023-10-18 22:07

vue3 vite 创建运行项目端口5000 没有ip访问地址

vue3+vite运行项目出现问题第一个问题端口号5000的问题上面图片是package.json文件的运行配置默认运行npmrundev使用npmrunserve会出现端口号5000访问不到项目第二个问题使用

奥子·2023-10-18 22:37

React +Vite +yarn 本地跨域处理

常见的react跨域方法react的跨域，网上找了好多的方法，基本都如下所见，大差不差1、下载http-proxy-middleware2、npmihttp-proxy-middleware3、在src目录下新建一个setupProxy.js文件写入以下代码constproxy=require('http-proxy-middleware')module.exports=function(app)

讷言丶·2023-10-18 22:37

vite+vue3+ts项目构建详细步骤（配置多语言版本）

文章目录前言一、构建基础项目模板二、根据基础模版搭建优化项目结构（持续更新中）A、环境配置优化B、优化生产构建后console和debugger关闭C、优化文件引用路径D、优化项目全局文件类型声明配置（ts的泛型）E、配置css全局变量F、新建文件夹（不同功能内容分开放）G、引入axiosH、项目开发中难免遇到的跨域问题I、多语言配置K、状态管理引入（pinia、Vuex）J、按需引入资源K、优化

失眠时间·2023-10-18 22:05

推荐频道

vite