vite

基于 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

使用Vite 创建 Vue 3.0 项目(最新体验)

搭建完之后想起来最近的Vite，Vite是Vue的作者尤雨溪开发的由原生ESM驱动的We
HarlieYang·2024-01-29 06:36

Network:use `--host` to expose

前言：最近开始学习使用vite创建项目，但是vite启动后提示：Network:use`--host`toexpose，从而导致在同一个局域网内的其他人也无法访问到我本地的项目。
Lee_Yu_Fan·2024-01-29 05:26

vue3使用最新的属性defineModel实现父子组件数据响应式绑定

1）声明prop，（2）在打算更新prop时发出相应的update:propName事件：现在再也不用这么麻烦了，直接使用defineModel就可以了，看一下官方文档：官方文档链接有的人说需要单独在vite
1024小神·2024-01-29 02:25

Vite 使用学习指南

Vite的基本概念和特点Vite是什么，它的主要特点是什么Vite是一个基于ESmodules的前端构建工具，它的主要特点包括：快速的冷启动：Vite采用了基于浏览器原生ES模块的开发模式，可以在开发时快速启动应用
叶落风尘·2024-01-29 00:48

vite学习

vite学习第一步安装pnpm先查看node的版本发现我的Node.js版本是这个，根据官方文档要求，这边node.js版本不能安装vite想要在window系统上升级node，似乎只能到node官网下载
Deng872347348·2024-01-29 00:47

Vite学习指南

想要学习前端工程化，在新项目中投入使用Vite构建工具的朋友Webpack转战到Vite的小伙伴前端架构师们，可以充实自己的工具箱当然如果你没有项目相关开发经验，也可以从本课程中受益，让你开阔眼界，将你学到的前端知识融会贯通
秋の本名·2024-01-29 00:17

snowpack和vite：noWebpack，无bundle的代表

noWebpack的代表：snowpack和vite"noWebpack"，无bundle的代表：snowpack和vite背景snowpack支持情况上手使用安装初始化新项目旧项目迁移配置开发调试生产打包基本原理
Micheal_Wayne·2024-01-28 20:23

vue3使用monaco-editor组件

monaco-editornpminstallmonaco-editor@[email protected]（必须安装）2.vite.config.js
摆烂吧小李·2024-01-28 20:15

vite（一）——基本了解和依赖预构建

二、经典面试题：webpack和vite的区别1.编译方式不同2.基础概念不同3.开发效率不同4.扩展性不同5.应用场景不同6.总结（vite会取代webpack吗？）
前端张三·2024-01-28 20:14

Vue3 + Vite 配置全局scss

1.安装scssnpminstall-Dsass2.配置vite.config.jscss:{preprocessorOptions:{scss:{additionalData:'@import"@/assets
Free zitao·2024-01-28 16:18
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他