vite 第25页

[Vue 配置] Vite + Vue3 项目配置 Tailwind CSS

文章归档：https://www.yuque.com/u27599042/coding_star/yqzi9olphko9ity1TailwindCSS官网：https://www.tailwindcss.cn/docs/installation/using-postcss安装pnpmi-Dtailwindcsspostcssautoprefixer生成配置文件npxtailwindcssinit

萤火虫的小尾巴·2023-11-16 11:29

vue3+vite的项目报错 await import(‘source-map-support‘).then((r) =＞ r.default.install()) ^^^^^Synta

awaitimport('source-map-support').then((r)=>r.default.install())^^^^^SyntaxError:Unexpectedreservedword查看一下node版本报错原因是node版本的问题。要使用16之上的版本我的电脑安装了nvm可以查看目前已有的node版本。不会安装nvm的参考这个

夏天想·2023-11-16 10:38

Vue 3.0 + vite + axios+PHP跨域问题的解决办法

前端：Vue3.0+vite+elementplus后端：PHP运行时前端和后端是两个程序，前端需要时才向后端请求数据。由于是两个程序，这就会出现跨域问题。

程序员正茂·2023-11-16 07:00

计算属性与watch的区别,fetch与axios在vue中的异步请求,单文本组件使用,使用vite创建vue项目,组件的使用方法

7.计算属性7-1计算属性-有缓存模板中的表达式虽然很方便,但是只能做简单的逻辑操作,如果在模版中写太多的js逻辑,会使得模板过于臃肿,不利于维护,因此我们推荐使用计算属性来解决复杂的逻辑Document{{sub()}}{{sub()}}{{sub()}}{{com}}{{com}}{{com}}varobj={data(){return{myName:"yiling"}},methods:{s

qq_46372132·2023-11-16 07:28

vite为路径设置别名

import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'//这里是添加的importpathfrom

雁过无声1986·2023-11-16 06:17

Swiper8在Vue3中使用loop不显示的解决方法

问题描述在项目中使用到了Vite+Swiper8版本为vue使用Swiper8的入门教程请点击Vue+Vite使用Swiper8因为其中需要用到loop循环播放轮播图，所以在使用时按照步骤：Slide1Slide2Slide3

瓜虫不是虫·2023-11-16 06:46

mockJs使用的两种方案

一、直接引入【优点】：方便快捷，易于上手；【缺点】：并不会在network中显示响应信息，需要手动打印1、安装mockJSyarnaddmockjsa/如果使用的是vite,需要安装插件yarnaddvite-plugin-mockb

刺客-Andy·2023-11-16 01:08

Vite探索：构建、启程、原理、CSS艺术与插件魔法

文章目录1构建工具1.1什么是构建工具1.2主流构建工具1.3vite相较于webpack的优势2vite启动项目初体验2.1你必须要理解的vite脚手架和vite2.2vite开箱即用2.3vite的预加载

unique_pursuit·2023-11-16 00:26

vue3+quasar+capacitor开发多平台项目,使用cordova和capacitor插件(支持所有前端框架）

npminitquasar运行与打包命令npxquasardevnpxquasarbuild接入capacitor的两种方式方式一：官方接入方式文档地址：https://quasar.dev/quasar-cli-vite

tangdou369098655·2023-11-15 20:12

uniapp+vite+vue3开发跨平台app，运行到安卓模拟器调试方法

因为没有使用hbuilder开发uniapp，而是使用了vscode和vite来开发的，所以怎么将这个程序运行到安卓模拟器调试开发呢？

1024小神·2023-11-15 20:38

Vue3 + Vite + Ts + Router搭建项目

1、新建文件夹从新建的文件夹cmd进入终端2、安装vite—依据vite创建vue3项目2.1、运行[email protected]、输入项目名称2.2.2、选择vue2.2.3、选择TypeScript

^草莓牛乳茶^·2023-11-15 19:58

vue 部署到nginx 刷新404

、修改router/index.js#/xxx/是站点名称，http://localhost/xxx/history:createWebHistory('/xxx/'),2、修改baseURL,一般在vite.config.jsbase

C sharp半瓶水·2023-11-15 18:58

vite =＞ .env 文件配置和使用

env.development.env.productionVITE_API_BASE_URL=/api#开发环境代理地址.env.development是在开发环境中的代理地址.env.production是在线上的代理地址（两个.env内部的变量都是一样的vite

九层嵌套 for 循环·2023-11-15 16:22

（vue3.x+vite）组件间通信方式之provide与inject

前端技术社区总目录（订阅之前请先查看该博客）示例效果依赖注入Provide/Inject在父子组件传递数据时，通常使用的是props和emit，父传子时，使用的是props，如果是父组件传孙组件时，就需要先传给子组件，子组件再传给孙组件，如果多个子组件或多个孙组件使用时，就需要传很多次，会很麻烦。像这种情况，可以使用provide和inject解决这种问题，不论组件嵌套多深，父组件都可以为所有子组

地图之家家长·2023-11-15 11:47

模拟接口数据之使用Mock方法实现（vite）

文章目录前言一、安装依赖mockjs安装vite-plugin-mock安装新增mock脚本二、vite插件配置`vite-plugin-mock``vite.config.ts`引入`vite-plugin-mock

失眠时间·2023-11-15 11:14

docker+jenkins 容器化,自动化部署vue3+vite前端项目

docker+jenkins容器化,自动化部署vue3+vite前端项目1.docker文档Overview|DockerDocumentation2.基本命令1.dockerimages//查看docker

第七个夏天没有名字·2023-11-15 09:49

vite项目一直在无限刷新，重连ws

项目背景：react+vite开发企业微信内部应用（h5），因为企业微信无法在本地调试，所以用了ngrok内网穿透工具可以帮助开发者将应用开发调试过程中的回调请求，穿透到本地的开发环境。

kabudada·2023-11-15 09:18

给前端看的Docker部署脚本入门

最后给个样例Docker-Compose.yaml前后端分离后的一般部署架构开发架构一般前端开发都知道，我们在开发的时候都可以配置一个叫proxy的选项，来将数据接口转发给开发服务器，这个变量在webpack和vite

百家饭OpenAPI·2023-11-15 09:47

如何使用 docker 在本地部署 vite 项目

如何使用docker在本地部署vite项目创建Dockerfile文件创建.dockerignore文件构建镜像运行容器1.创建Dockerfile文件#使用官方的Node镜像作为基础镜像FROMnode

易风有点疯·2023-11-15 09:42

有人真的会去分析代码吗

项目是vite，用的是rollup-plugin-visualizer这个插件，分析结果是可视化的。使用：npminstall--save-devrollup-plugi

wade3po·2023-11-15 03:15

Vue3保姆级别基础

Vue3工程1.使用vue-cli创建1.必须保证vue-cli的版本大于4.5.0，否则重新安装脚手架，可以用vue-V查看版本2.输入命令vuecreatevue_test，选择vue3点击回车2.使用vite

宇宇940·2023-11-14 22:37

解决vite+vue3项目的模板中不能使用require导入图片的问题

问题描述vue2项目我们通常会在模板中通过三目运算符和require来实现动态图片，但是在vite+vue3项目中是没有require的，使用require会报错。

━╋蚁诺€·2023-11-14 15:08

Vue3中TSX的使用方式

第一步：安装插件npminstall@vitejs/plugin-vue-jsx-D第二步：在vite.config.ts中进行引入插件和注册插件import{fileURLToPath,URL}from'node

xyphf_和派孔明·2023-11-14 15:08

VUE3 + Vite + ts

VUE3+Vitevue3官网链接Vite官网链接安装、运行、vscode插件安装、运行npminitvite@latestnpminstallnpmrundevvscode插件：VueLanguageFeaturesTypeScriptVuePlugin

码农小菲·2023-11-14 15:38

vue3+vite批量引入图片文件

vue3支持批量引入某个文件夹下的所有资源，不用通过importXXXfrom'/路径'的这种方式去一张张引入//eager:true表示静态资源//'/public/imgs'路径下letimageList=import.meta.glob('/public/imgs/*.*',{eager:true})console.log(Object.values(imageList).map(v=>v.

派小鑫·2023-11-14 15:07

Vue 3使用vite 2.0 动态引入本地图片img

需求：引入到js中批量绑定在dom上，作图标进行展示。这样就可以动态引入了第二种直接引入importtyarticle_iconpefrom'@/assets/images/home_icon/brochure_icon.png'第三种可以直接在assets前面加一个src就能识别了newURL(`/src/assets/images/home_icon/name_icon`,import.met

ジ Jing·2023-11-14 15:07

vue3+ts+vite最新快速集成svg

1、使用vite-plugin-svg-icons依赖npmivite-plugin-svg-icons-D2、在main.ts中引入依赖import'virtual:svg-icons-register

梦落飞雪·2023-11-14 15:06

vue3 + vite + Mock数据模拟

vue3+vite+Mock数据模拟安装mock.js文件配置index.js内容data.js内容main.js引入使用安装mock.jsnpminstallmockjs文件配置在src文件夹下新建mock

菜鸡的崛起·2023-11-14 15:36

vite中引入图片的几种方式

一，将图片资源放入public目录下letmyIcon=newBMap.Icon("/map_pin_red.png",newBMap.Size(21,30));我们看到实际上我们不希望资源文件被vite

blue_121·2023-11-14 15:06

vue3 vite 怎么动态引用图片

2、使用vite的import.meta.glob或import.meta.globEager，两者的区别是前者懒加载资源，后者直接引入。getSrc(name){constpath=`./..

最有才的河南大汉·2023-11-14 15:05

vite+v3批量一次性引入本地图片(简单做法)

效果：开发步骤：在assets/fileTypes文件夹中将你需要的png图片导入，并使用文件类型来命名图片(如docx.png)使用import.meta.globEager将assets/fileTypes下所有的png图片引入通过遍历Object.keys(files)使用正则匹配出每个图片的名称，用文件类型做name，文件路径做图片路径创建一个数组在img图标的src定义方法，返回文件路径

SunFlower914·2023-11-14 15:05

vue3 + vite +ts 引入静态图片

直接用requirex调试报错用import第一种x第二种✔第三种vite的静态资源引入如果出现引入错误请看控制台的提醒相对地址

一个假的前端男·2023-11-14 15:05

vite+vue3批量引入图片

glob是懒加载的模式letimageList=import.meta.glob("./assets/images/*.*");globEager直接做静态加载letimageList=import.meta.globEager("./assets/images/*.*");letarr=object.values(imageList).map(v=>v.default)

xyphf_和派孔明·2023-11-14 15:04

032-从零搭建微服务-定时服务（一）

源码地址（后端）：mingyue:基于SpringBoot、SpringCloud&Alibaba的分布式微服务架构基础服务中心源码地址（前端）：mingyue-ui:基于Vue3+TS+Vite+Elementplus

Strive_MY·2023-11-14 12:16

Vite + Vue3 +TS 项目router配置踩坑记录! ===＞“找不到模块“vue-router”或其相应的类型声明。“＜===

最近在使用vite+vue3+typescript写一个项目，在用路由router的时候踩了坑，记录一下。其实想吐槽的不是这些坑，而是百度的结果，一堆~文章

Mao.O·2023-11-14 01:16

关于Vue3+ts引入文件使用alias别名@时报错问题，process is not defined

如题，解决办法：一、首先确保有两个文件： tsconfig.json vite.config.ts(注：如果是vue.config.js，则手动改为vite.config.js)二、在ts.config.json

浪里小韭菜·2023-11-14 00:15

基于Vite使用VitePress搭建静态站点博客

使用VitePress搭建静态站点博客官方文档什么是VitePress？一、初始化项目1.安装依赖包VitePress可以单独使用，也可以安装到现有的项目中。在这两种情况下，您都可以安装它:(也可以全局安装，建议：当前项目内安装)2.初始化项目文件结构3.运行命令4.访问http://localhost:5173/5.效果二、优化可根据自己需求配置1.添加logo1.默认主题2.默认主题+自定义主

梦和远方·2023-11-13 19:00

uni-app基于vite和vue3创建并集成pinia实现数据持久化

一、uni-app基于Vite和Vue3创建并集成pinia实现数据持久化文章目录一、uni-app基于Vite和Vue3创建并集成pinia实现数据持久化1.如何创建基于Vite和Vue3的uni-app

梦和远方·2023-11-13 19:29

vite配置terser,压缩代码及丢弃console

只需安装terser,无需importterser然后使用下方配置build:{minify:"terser",terserOptions:{compress:{drop_console:true,drop_debugger:true,},}},npmiterser

大猫会长·2023-11-13 14:42

vite 打包正式环境 require is not defined

需要通过插件做转换解决方法:方法1、项目代码中使用了require语法，使用这个插件便可以转换npmivite-plugin-require-transform-DimportrequireTransformfrom'vite-plugin-require-transform

前端碎碎念·2023-11-13 14:09

我在 vue3 开发中踩的坑

前期准备由于vite在开发态是基于ESM进行模块化开发,而ESM的浏览器兼容版本有限，如下图。esm-兼容所以，如果你打算使用vite作为构建工具去开发，你至少要有一个合适版本的浏览器。

前端瓶子君·2023-11-13 13:11

vue3配置@别名

备注：本示例是Vue3+Vite+Ts一、v

暴怒的代码·2023-11-13 13:02

vue3 vite配置@根路径---解决：找不到模块“./xx/xxx.vue”或其相应的类型声明

在vite.config.js中配置import{resolve}from"path"exportdefaultdefineConfig({plugins:[vue()],//配置根路径resolve:

DCodes·2023-11-13 11:54

vue3后台管理系统

vue3后台管理系统vite构建vue3项目项目中其他需求的引入1.element-plus引入2.vue3引入路由3.element-plus图标的引入和使用静态引入图标动态引入图标4.引入less5

miaomiao吖·2023-11-13 10:28

Vue实战之从零搭建Vite2+Vue3全家桶（一）

前言开启2021学习之旅，主要介绍学习vite2和vue3的实战过程。本篇主要介绍从零开始搭建Vite2+Vue3+Element-Plus+Vue-router4+Vuex+Eslint。

jiang262740899·2023-11-13 01:15

Vue3+NodeJS 接入文心一言，发布一个 VSCode 大模型问答插件

首先明确插件开发方式二：新建一个Vscode插件项目1.官网教程地址2.一步一步来创建3.分析目录结构以及运行插件三：新建一个Vue3项目，在侧边栏中展示，实现vscode插件vue项目双向消息传递1.新建vue3+vite

chengbo_eva·2023-11-12 23:29

Vant 移动端UI

Vue项目中安装Vant#Vue3项目，安装最新版Vantnpmivant组件按需引入配置vant按需引入---安装“unplugin-vue-components”插件Vite中使用Vant的话，可以使用

无盐海·2023-11-12 22:10

vue3+vite+windicss+element-plus+axios+router+cookies 搭建

一、vue3+vite+windicss+element-plus+axios+router安装及使用方法参考下面的视频：课时1.课程介绍_哔哩哔哩_bilibili课时1.课程介绍是Vue3+Vite

找到快乐的根源·2023-11-12 22:35

Hbuilderx:Vue项目打包apk打开首页空白问题

以Vue3项目为例，1.修改默认的公共基础路径import{fileURLToPath,URL}from'node:url'import{defineConfig}from'vite'importvuefrom

是席木木啊·2023-11-12 17:46

Vite+Vue3实现版本更新检查，实现页面自动刷新

Vite+Vue3实现版本更新检查，实现页面自动刷新1、使用Vite插件打包自动生成版本信息2、Vite.config.ts配置3、配置环境变量4、路由配置打包自动修改package.json的version

IN~Trying·2023-11-12 16:29

推荐频道

vite