Vite

Vue3 + vite + Ts + computed（计算属性） 和 watch（侦听器）的简单使用方法

Vue3+vite+Ts+computed（计算属性）和watch（侦听器）的简单使用方法computed：计算属性计算属性就是当依赖的值发生变化的时候，才会触发他的更改，如果依赖的值，不发生变化的时候
W.Y.B.G·2024-02-02 13:39

从0开始搭建、上传npm包

从0开始搭建、上传npm包1、上传一个简单获取水果价格的包创建`vite`项目在项目根目录`src`文件夹中创建`index.ts`文件，文件内容如下：在`main.ts`文件中导入、导出上面创建的方法创建
W.Y.B.G·2024-02-02 13:06

Vite 官方文档速通

前言：参考Vite官网一.指引1.为什么选择Vite1.1现实问题问题：当项目中JS代码量变多，就会导致：1.启动开发服务慢（几分钟）。2，模块热替换（HMR）慢（几秒钟）。极大影响开发效率和体验。
yqcoder·2024-02-02 12:20

ASP.NET Core WebAPI_解决跨域问题(前端后端)

说明我的前端框架为Vue３前后端跨域选其一即可前端跨域在项目的根目录找到vite.config.js文件，添加代码：server:{proxy:{'/api':{target:'https://localhost
Mudrock__·2024-02-02 12:07

前端构建变更：从 webpack 换 vite

现状这里以一个op（内部运营管理用）项目为例，从webpack构建改为vite构建，提高本地开发效率，顺便也加深对webpack、vite的了解。
wen_rc·2024-02-02 08:55

【Vue3+Vite】Vue生命周期与组件 快速学习 第三期

文章目录一、Vue生命周期1.1生命周期简介1.2生命周期案例二、Vue组件2.1组件基础2.2组件化入门案例2.3组件之间传递数据2.3.1父传子2.3.2子传父2.3.3兄弟传参总结一、Vue生命周期1.1生命周期简介每个Vue组件实例在创建时都需要经历一系列的初始化步骤，比如设置好数据侦听，编译模板，挂载实例到DOM，以及在数据改变时更新DOM。在此过程中，它也会运行被称为生命周期钩子的函数
道格维克·2024-02-02 07:15

Vue项目启动后用局域网不能访问

今天来解决一个问题：基于Vite构建的Vue项目在启动后只能通过localhost这种形式访问如果把localhost换成本主机的局域网ip地址之后页面无法访问了。就连用127.0.0.1都无法访问。
平静方能至远·2024-02-02 05:50

vue3.X

Vue.js3.0源码组织方式的变化CompositionAPI性能提升Vite一、源码组织方式源码采用TypeScript重写使用Monorepo管理项目结构二、vue.js3.0不同构建版本packages
丽__·2024-02-02 05:25

ele-h5项目使用vue3+vite开发：第二节、search 搜索框组件开发

如何设计一个组件需求分析布局contentleft-iconbodyinput-controlright-iconaction功能使用defineEmits定义组件的事件在组件的scriptsetup里如何定义事件使用defineEmits（）定义先声明事件接口interfaceIProps{showAction?:booleanbackground?:stringplaceholder?:str
_沐晨·2024-02-02 02:16

Vue3+vite引入Tailwind CSS

TailwindCSS是一个为快速创建定制化UI组件而设计的实用型框架。与其他CSS框架或库不同，TailwindCSS组件没有预先设置好样式。可以使用Tailwind的低级实用类来为CSS元素设置样式，如margin、flex、color等。自从2017年发布以来，TailwindCSS越来越受欢迎，因为它允许开发者创建独特的UI，而不被UIkit规则所束缚。引入tailwindcss中文文档t
QGS-CD·2024-02-02 00:31

基于 vite 创建 Vue3 项目

1、基于vue-cli创建##查看@vue/cli版本，确保@vue/cli版本在4.5.0以上vue--version##安装或者升级你的@vue/clinpminstall-g@vue/cli##执行创建命令vuecreatevue_test##随后选择3.x##ChooseaversionofVue.jsthatyouwanttostarttheprojectwith(Usearrowkey
打不着的大喇叭·2024-02-01 21:33

Vue3+vite搭建基础架构（1）---新建项目

Vue3+vite搭建基础架构（1）---新建项目说明官方文档创建vite项目启动项目说明这里记录下自己用Vue3+vite的搭建过程，不使用ts语法，方便以后直接使用。
谁不想飞舞青春·2024-02-01 14:08

vite+vue3+vuex+element-plus项目搭建基础

npmcreatevite创建项目cd项目路径，进入项目npminstall下载依赖npmrundev启动项目main.js是入口文件，所有的执行必须经过main.jsapp.vue根组件实例，挂载在index.html上每一个.vue组件都有三个顶层，template、script、style每一个组件中的变量，类名都是互不影响的，所以可以重复使用npmiaxios下载axios请求工具src下
燕燕的猪·2024-02-01 14:05

Vue3+vite搭建基础架构（2）--- 使用Element Plus

Vue3+vite搭建基础架构（2）---使用ElementPlus说明官方文档vite-demo目录结构说明安装ElementPlus安装命令使用ElementPlus组件组件显示语言为英文问题说明这里记录下自己在
谁不想飞舞青春·2024-02-01 14:02

less的使用小技巧以及vite 如何配置less全局变量

1.变量-属性可用于统一修改，比如特殊节日置灰等@primaryColor:#f2f2f2;//使用color:@primaryColor2.变量-选择器添加项目标识(可用于微前端的样式隔离)@nameSpace:'my-app';//在组件中使用@prefix-cls:~'@{nameSpace}-component1';.@{prefix-cls}{...}3.函数可用于对复杂样式简单处理，用
原谅我不够洒脱·2024-02-01 11:00

vite搭建完整项目

安装三、安装路由一、创建项目1.选择一个你常用的命令进行安装npmcreatevite@latestyarncreatevitepnpmcreatevitebunxcreate-vitetips：使用vite
一只大黑洋·2024-02-01 11:26

npm发布Vue组件

一、前言本文主要介绍如何把一个vue组件通过vite编译发布到NPM平台。
zyk_520·2024-02-01 11:23

个人建站前端篇（二）项目采用服务端渲染SSR

Vue生态中的SSR通用解决方案Nuxt是一个构建于Vue生态系统之上的全栈框架Quasar是基于Vue的完整解决方案Vite提供了内置的Vue服务端渲染支持，插件使用vite-plugin-ssr这里采用
niech_cn·2024-02-01 06:19

vue + 动态加载图片

/img.png';2、图片在src目录下vite官网的静态资源引入参考地址newURL(url,import.meta.url)import.meta.url是一个ESM的原生功能，会暴露当前模块的URL
天外天-亮·2024-02-01 06:44

配置alias（设置别名@）

Vite配置alias需要两步进行（TS项目）1、修改vite.config.ts（让程序支持）2、修改tsconfig.json（让编辑器支持）修改vite.config.tsimport{defineConfig
吾娱生活·2024-02-01 06:36

Element-Plus：No known conditions for “./lib/locale/lang/zh-cn“

一、问题描述：在Element-Plus升级时可能会遇到：[vite]Internalservererror:Noknownconditionsfor“.
晓风伴月·2024-02-01 05:50

Vite+Ts新建项目报错

tsconfig.app.json添加"compilerOptions":{"moduleResolution":"node"}env.d.ts添加/////vue3报错提示找不到模块“./XXX.vue”或其相应的类型声明//报错原因：typescript只能理解.ts文件，无法理解.vue文件declaremodule'*.vue'{importtype{DefineComponent}fro
斯文～·2024-02-01 01:30

Vite+Vue3+TS 引入使用Cesium.js

申请CesiumToken进入Cesium注册账号cesium离谱的是E宝(Epic)居然可以快捷登录？！登录后点击导航栏的AccessToken再右侧即可看到默认Token安装&引入#Cesiumpnpmpnpminstallcesium#如果项目同时存在Three.js需避免使用pnpmThree.js对pnpm+ts的组合并不友好npmicesium依赖包安装完毕后需要在public文件夹内
RyzenVega·2024-02-01 00:01

浏览器报错：node_modules.com/.vite/deps/*** net::ERR_ABORTED%20504

背景：node_modules/.vite/deps/目录是Vite打包应用时，用来存储预编译文件。如果在开发应用过程中，新引入一些外部依赖包，Vite可能没有及时识别，并进行预编译。
码农键盘上的梦·2024-01-31 23:55

【Vite+Vue3+Ts+Pinia+Sass】从0到1项目创建（必备收藏）

项目创建网络问题，这里我用cnpm，遇到安装卡了不动的同学也可以使用cnpm安装命令npminstallcnpm-gcnpmcreatevite@latest//Projectname:»vite-project
极致♀雨·2024-01-31 18:36

【Vite+Vue3+Ts】挂载全局store/pinia（全局方法）

store文件内容：exportconstuseCounterStore=defineStore("counter",{state:()=>({lang:'en',}),actions:{},});新建插件piniaPlugin.tsimport{useCounterStore}from"@/store/index";//引入pinia方法exportdefault{install:(app:an
极致♀雨·2024-01-31 18:36

【Vite+Ts+Vue3】使用Crypto-js封装AES加密

安装依赖cnpminstallcrypto-js--save项目创建secret.ts文件importCryptoJSfrom"crypto-js";//必须为16、24、32位constKEY="4564564564564564";constIV="4564564564564564";/***AES加密：字符串keyiv返回base64*/exportconstEncrypt=(word:any
极致♀雨·2024-01-31 18:05

【Vite+Ts+Vue3+Pinia】使用i18n国际化简单配置

安装i18ncnpminstallvue-i18n--savesrc目录新建language文件夹并新建以下文件新建en.ts（英文）constmessages={home:{title:"BookStore",hint:"ComputerScienceAndSoftwareEngineering",guessYouLike:"GuessYouLike",},};exportdefaultmess
极致♀雨·2024-01-31 18:05

【Vite+Ts+Vue3】项目多环境打包配置+axios+Api封装

安装axioscnpminstallaxios--save项目根目录新建以下配置文件开发环境//.env.developmentVITE_APP_BASE_API=http://localhost:3000/api生产环境//.env.productionVITE_APP_BASE_API=http://production/api测试环境//.env.testVITE_APP_BASE_API=
极致♀雨·2024-01-31 18:32

Vite4、Vue3、Axios 针对请求模块化封装搭配自动化导入（简单易用）

index.jssrc/api/index.jssrc/api/request.jssrc/api/service.jssrc/api/utils.jssrc/api/modules/demo.js自动化配置vite.config.jseslint
Thetimezipsby·2024-01-31 17:09

vite生产环境报错 TypeError: Failed to fetch dynamically imported module: xxx

问题描述vue3+vite项目：有时跳转页面会卡住，控制台信息如下：TypeError:Failedtofetchdynamicallyimportedmodule:xxx信息收集用户端复现了问题，从现场获取到控制台日志
Thetimezipsby·2024-01-31 17:09

Vue3之Vite打包优化

一.rollup-plugin-visualizer(打包视图分析)1.安装：npmirollup-plugin-visualizer-D2.配置：在vite.config.js中引入rollup-plugin-visualizer
26:28·2024-01-31 15:04

【vue3】-解决build打包之后，无法获取import.meta.env环境变量的问题

转载自这篇文章关于vue3:vite-vue3-项目通过-importmetaenv-获取自定义的变量最近应用vite+vue3开发新我的项目，遇到非vite.config.js文件，通过import.meta.env
String佳佳·2024-01-31 12:40

vite + postcss-prefix-selector 增加统一作用域

为了解决这个问题，我们可以利用Vite构建工具和PostCSS插件postcss-prefix-selector，通过增加统一的作用域前缀来有效地隔离样式，确保样式仅在特定组件或模块中生效。
天問_·2024-01-31 10:42

Top-level await is not available in the configured target environment

当在使用Vite进行项目构建时，可能会遇到如下错误提示：ERROR:Top-levelawaitisnotavailableintheconfiguredtargetenvironment。
天問_·2024-01-31 10:12

使用 vite 配置请求代理

介绍vitevue官方提供的前端构建工具。由两个部分组成开发服务器：基于ES模块提供丰富的内建功能构建指令：使用Rollup打包代码，提供预设配置Rollup：Rollup是一个JavaScript模块打包器，它可以将多个模块打包成一个单独的文件。与其他打包工具（如Webpack）不同，Rollup更注重于创建小型、高效的打包文件，适用于构建库、框架和组件等应用场景。Rollup采用ES6模块的标
_沐晨·2024-01-31 09:25

react17+vite2+ant4 的前端框架，It's easy and fast!（基础篇)

本架构使用的技术为：react17+vite2+ant4新一代的前端框架，It'seasyandfast!
jzfai·2024-01-31 06:29

【权限管理系统】02创建前端项目

兼容性注意Vite官网：https://cn.vitejs.dev/Vite需要Node.js版本>=12.0.0，建议使用16版本以上node-v//查看版本号1.1、新建项目创建存放项目目录，cmd
阿斯卡码·2024-01-31 03:49

将vite项目(vue/react)使用vite-plugin-pwa配置为pwa应用，只需要3分钟即可

为了实现这个目的，我们可以为vue项目使用一个插件：vite-plugin-pwavite-plugin-pwa仓库地址：https://github.com/vite-pwa/vite-plugin-pwav
1024小神·2024-01-30 11:44

开源：基于Vue3.3 + TS + Vant4 + Vite5 + Pinia + ViewPort适配..搭建的H5移动端开发模板

vue3.3-Mobile-template基于Vue3.3+TS+Vant4+Vite5+Pinia+ViewPort适配+Sass+Axios封装+vconsole调试工具，搭建的H5移动端开发模板
HaushoLin·2024-01-30 10:09

vue 3.0 +vite rem 适配

vue3+vite安装postcss-pxtorem1、安装依赖npminstallpostcss-pxtorem-Dnpminstallamfe-flexible-D2、配置vite.config.tsimportpostCssPxToRemfrom"postcss-pxtorem"exportdefaultdefineConfig
Joan_King_·2024-01-30 09:11

colorThief+vite+react使用方法

官网:ColorThiefnpmi--savecolorthief第一种,import载入图片经过尝试,在vite中,要引入.mjs版本importColorThieffrom'colorthief/dist
大猫会长·2024-01-30 09:44

vite+ts+vue3打包的过程和错误

文章目录概要vite.config.ts配置tsconfig.json的配置package.json的配置路由配置打包打开打包后的文件小结概要完成vite的打包，和在本地打开页面记录一下，vite打包过程中的问题
梦想家加一·2024-01-30 07:39

vite引入图片用法

在vite中引入图片方式跟其他脚手架创建项目的引入方式不一样要使用import.meta.url他是一个ESM的原生功能constmapPicSrc=ref(newURL(`@/assets/charts
关忆北_·2024-01-30 06:50

vue中在vite.config.js 配置正向代理

在vite.config.js文件中，可以使用proxy选项来配置正向代理。
&ACE&·2024-01-30 00:07

基于vue3+ts+vite封装的动态表单，支持手动编辑生成页面表单配置并渲染使用，所有源码都在文章中

效果图一、第一个文件index.vue，也就是表单生成器的根页面importaxiosfrom'axios'import{ref,reactive}from'vue'importformRenderfrom'./modules/formRender.jsx'importformCreatorfrom'./modules/formCreator.vue'import{ElNotification}f
jsmeng626·2024-01-29 19:04

CSS自适应分辨率 postcss-pxtorem（适用于 Vite）

前言此篇是基于Vite+Vu3项目的CSS自适应分辨率！
AvatarGiser·2024-01-29 15:25

后台管理系统模板搭建/项目配置

1.1环境准备1.2初始化项目本项目使用vite进行构建，vite官方中文文档参考：开始|Vite官方中文文档pnpm:performantnp
css在哪里·2024-01-29 12:50

uni-app vite+ts+vue3模式 集成微信云开发

1.创建uni-app项目此处使用的是通过vue-cli命令行方式uni-app官网使用vue3/vite版创建以typescript开发的工程（如命令行创建失败，请直接访问gitee下载模板）npxdegitdcloudio
lyj168997·2024-01-29 10:30

vue

利用vite创建vue3项目npminitvite-appprojectName安装依赖运行项目：cdprojectNamenpminstallnpmrundev数据双向绑定必须要使用ref,reactive
过河卒_51be·2024-01-29 08:51
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他