vite微前端第20页

vue3+ts+vite自定义组件上传npm流程

1.创建项目npmcreatevite这里踩坑点：运行vite生成的vue项目时报错“SyntaxError:Unexpectedtoken'??

lyj168997·2023-12-30 06:26

electron 项目第一篇 vite +vue3 搭建electron项目

vite+vue3搭建electron项目1使用vite创建vue3项目2安装electron依赖3嵌入electron3.1创建electron目录3.2配置electron插件3.3书写electron

倔强的钢蛋·2023-12-30 06:53

vue3+vite中使用vuex

1.第一种方式在main.ts中创建一个新的store实例import{createStore}from'vuex'//创建一个新的store实例conststore=createStore({state(){return{username:'张三'}},mutations:{changeName(state:any,us:string){state.username=us;}}})constap

程序员正茂·2023-12-30 05:46

vue3+vite组件中使用Cesium粒子系统

一、注意事项1.图片的引用路径必须从根目录（即index.html所在的目录）开始，如果使用相对路径，也要返回到根目录再转到对应的目录。//第一种，直接从根目录开始image:'src/assets/particles/BlowingSnow.png'//第二种，相对路径先返回到根目录，再转到对应目录image:'../../src/assets/particles/BlowingSnow.png

程序员正茂·2023-12-30 05:10

vue3+ts打开echarts的正确方式

实例项目使用vite5+vue3+ts，项目地址vite-vue3-charts，预览地址https://weizwz.com/vite-vue3-charts准备工作1.注册为百度地图开发者官网地址，

液态不合群·2023-12-30 01:55

vue3中引入文件ts报红色波浪线问题

在创建vue3+vite+ts的项目过程中，发现ts在引入文件时报红色波浪线解决方法：1.如果使用的vsCode中vue插件是Vetur的话，需要卸载重新安装支持vue3的Volar插件2.需要在src

dzry_lr·2023-12-29 21:15

vite+vue3打包部署问题

最近使用vite+vue3写了个小的demo，发现打包部署后页面出不来。如果是正常把包放在服务器的根目录中，项目页面是可以打开的。但是我要部署的是根目录dist包里面，外面多了一层文件夹。

Fighting宁·2023-12-29 19:21

nginx部署前端项目总结

目录1.前端打包2.nginx配置3.注意点1.前端打包本次开发使用的是字节的前端框架ArcoDesign进行开发，使用vue3，ts及vite，框架中有两套环境配置，分别为.env.development

linab112·2023-12-29 17:10

vite配置proxy不生效

检查vite.config的proxy配置server:{strictPort:true,proxy:{'/base':{target:env.VITE_BASE_API_PREFIX,changeOrigin

noyanse·2023-12-29 16:00

[react]脚手架create-react-app/vite与reac项目

[react]脚手架create-react-app/vite与reac项目环境问题描述create-react-app脚手架根据脚手架修改项目结构安装脚手架注入配置文件-config文件夹package.json

三知之灵·2023-12-29 16:49

VSCode + vite + vue3断点调试配置

没想到这个配置我搞了一上午，网上很多的配置方案都没有效果。总算搞定了，特此记录一下。首先需要在.vscode文件夹下面创建launch.json配置文件。然后输入如下配置：{//使用IntelliSense了解相关属性。//悬停以查看现有属性的描述。//欲了解更多信息，请访问:https://go.microsoft.com/fwlink/?linkid=830387"version":"0.2.

acgCode·2023-12-29 15:11

Vite项目打包构建优化（视图分析、CDN引入）

使用rollup-plugin-visualizer插件先分析模块占用空间安装依赖：pnpmirollup-plugin-visualizervite配置：plugins:[vue(),visualizer({filename:'analysis.html',//分析图生成的文件名open:true//如果存在本地服务端口，将在打包后自动展示})]执行命令：vitebuild打包构建会自动生成下面

一路向北@L·2023-12-29 13:01

vite 查看项目依赖资源打包后的占比

vite打包的时候发现dist包挺大的；可以查看相应依赖资源的所占比例去压缩对应资源或按需导入对应资源；使用的是rollup-plugin-visualizer；一个打包体积分析插件，对应webpack

小小的杰茜·2023-12-29 13:28

【Vue3】创建项目的方式

vue--version##安装或者升级你的@vue/clinpminstall-g@vue/cli##执行创建命令vuecreatevue_test本质上使用webpack，默认安装以下依赖：2.基于vite

小秀_heo·2023-12-29 13:58

Vite+Vue3学习笔记（2）——语法、渲染、事件、数据传递、生命周期、第三方库、前端部署

官网链接：https://cn.vuejs.org/如果出现普通用户无法新建项目，必须要管理员身份新建，那么可以在nodejs的安装路径设置安全选项，提高普通用户的权限。具体方法参考：https://blog.csdn.net/weixin_43174650/article/details/1218659340基本标签标签功能template模板div块h1~h6标题p文字header头部main

阳排·2023-12-29 10:57

vue.js组件的应用(Vite构建)

一.组件的定义和应用1.全局组件全局组件是指在任何页面中不必再单独引入组件并注册，直接在模板中使用组件名称就可以引用的组件。全局组件注册方法一先在src目录下新建一个globalComponents文件夹，再新建一个Header.vue的全局组件。全局组件Headerexportdefault{name:'Header'//以大写字母开头的组件名称}进入main.js，进行全局组件的注册，代码如下

心理患者·2023-12-29 09:07

vite打包es5

//vite.config.js配置import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importlegacyfrom'@vitejs

[email protected]·2023-12-29 09:59

qiankun -- 入门微前端

微前端（Micro-Frontends）是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将Web应用分解成一些更小、更简单的小模块，而在用户侧看起来还是一个内聚的产品。

高阳很捷迅·2023-12-29 08:45

简单聊聊 webpack vue-cli vite

先说说webpack从本质上来讲，webpack是一个现代的JavaScript应用的静态模块打包工具，其实重点就是跟，他依赖于node模块前端模块化是指：前端的js，css，图片，json文件，还有一些其他的静态资源可以当成模块来进行使用，还有就是处理模块之前的依赖，比如scss转css（sass-loader，同时sass-loader依赖node-sass），es6转es5，typescri

奶爸程序猿·2023-12-29 05:23

【Vue3快速上手】

Vue3快速上手1Vue3简介2创建Vue3.0工程2.1使用vue-cli创建2.2使用vite创建3分析工程结构4安装开发者工具1Vue3简介github上的tags地址：https://github.com

小王小王几点了·2023-12-29 00:51

在用Vite开发时静态图片放哪里,才能保证显示，不出现找不到资源

在用Vite开发时静态图片放哪里在用Vite开发时静态图片（资源）放哪里呢？如果你想直接全部显示的那么请你把静态资源放到public目录下面，这样你一打包所有的静态资源都会放到打包根目录下。

xwhking·2023-12-28 23:26

使用Vite创建React + TypeScript（pro和mobile，含完整的空项目结构资源可供下载）

templatereact-tsVite是一个框架无关的前端工具链，可以快速的生成一个React+TS的开发环境，并且可以提供快速的开发体验说明：1.npmcreatevite@latest固定写法（使用最新版本vite

怕冷的火焰（~杰）·2023-12-28 18:55

three.js实现3D汽车展厅效果展示

项目搭建本案例还是借助框架书写three项目，借用vite构建工具搭建vue项目，搭建完成之后，用编辑器打开该项目，在终端执行npmi安装一下依赖，安装完成之后终端在安装npmithree即可。

不爱敲代码的小胡·2023-12-28 17:06

vite + vue3 的项目，使用 rollup 打包的方法

library-mode详细设置https://cn.vitejs.dev/config/#build-lib技术栈viterollup打包方式vue-cli自带的是webpack的打包方式，打出的包体积有点大，而vite

自然框架·2023-12-28 17:07

‘xxxx‘ is declared but its value is never read.Vetur(6133)

问题在打开vscode时，部分变量等报isdeclaredbutitsvalueisneverread,尤其是vite+vue3+TypeScript时原因vetur不再支持维护了方案1、卸载vetur2

苦夏木禾·2023-12-28 10:31

vite项目修改依赖不更新，清除依赖缓存

有些时候我们会直接修改依赖文件，但修改后没有更新，大多数情况下就是被缓存了解决方法1、手动删除node_modules/.viteVite会将预构建的依赖缓存到node_modules/.vite;然后手动删除即可

苦夏木禾·2023-12-28 10:31

vue3视频播放插件vue3-video-play的具体使用方法

:12分钟前之前的vue项目中用到视频播放器，但是UI不是很好看，索性就打算写一个视频播放器插件紧随着vue3的发布，vue3的生态还不是很完整，就索性把这个视频播放器插件修改成了vue3版，最终使用vite2

xdlumia·2023-12-28 09:17

vite技术揭秘--模版创建

定义的数组会在命令行中依次执行，并收集结果此时我们已经知道用户选择的模版类型，以及定义的文件名称等内容，此时根据目标目录进行新建或清空接着做读写操作，即从模板中读取文件复制到目标文件中这显然是一次递归行为其中，模版是由vite

习惯水文的前端苏·2023-12-28 07:41

vue3+vite+vue-router实现动态读取文件夹名称和addRoute

方案：借助vite的新增属性获取文件夹名称及其component动态加载到router上文件目录：//main.jsimport{createApp}from'vue';import{createPinia

zhooson·2023-12-28 07:29

【项目实战】基于Vue3+TypeScript+Pinia的后台管理系统（coderwhy）

基于Vue3+TypeScript+Pinia的后台管理系统是基于Vue3、Pinia、VueRouter、Vite、ElementPlus、TypeScript、Echarts等后台系统接口地址https

起伏羊·2023-12-28 07:54

vue3后台管理系统（模板）

系统简介此管理系统是基于Vite2和Vue3.0构建生成的后台管理系统。

落下香樟树·2023-12-28 07:22

Vue前后端跨域链接

前端更改访问方式在vite.config.js文件设置映射的路径exportdefaultdefineConfig({plugins:[vue(),],resolve:{alias:{'@':fileURLToPath

Zm6Cc·2023-12-27 16:11

uni-app 命令行创建

1.首先创建项目，命令如下:npxdegitdcloudio/uni-preset-vue#vite-tsuni-app-demo如果出现报错，如下图.大概率就是没有目录'C:\Users\Administrator

丑过三八线·2023-12-27 13:47

微前端——无界wujie

B站课程视频课程视频课程课件笔记：1.微前端2.无界现有的微前端框架：iframe、qiankun、Micro-app（京东）、EMP（百度）、无届前置初始化新建一个文件夹1.通过npmitypescript-g

lanmy_dl·2023-12-27 12:06

uniapp项目用vscode开发，拉黑马的基本模板代码，安装eslint+prettier后，ts.config.json文件报错，提示有 “node“ 模块解析策略的情况下，无法指定选项 “

vite项目报错：在没有“node“模块解析策略的情况下，无法指定选项“-resolveJsonModule“。

深一海·2023-12-27 10:59

微前端简介

微前端简介微前端这个名词，第一次被提出还是在2016年底，那是在ThoughtWorksTechnologyRadar。这个概念将微服务这个被广泛应用于服务端的技术范式扩展到前端领域。

Shero.李建业·2023-12-27 07:00

【Error】failed to load config from D:\Users\MXIN\IdeaProjects\xxx\vite.config.ts error when starting

项目使用yarnrundev启动前端项目报错：failedtoloadconfigfromD:\Users\MXIN\IdeaProjects\xxx\vite.config.tserrorwhenstartingdevserver

MXin5·2023-12-26 18:34

vue项目使用vite设置proxy代理，vite.config.js配置，解决本地跨域问题

vue3+vite4项目，配置代理实现本地开发跨域问题非同源请求，也就是协议(protocol)、端口(port)、主机(host)其中一项不相同的时候，这时候就会产生跨域vite的proxy代理和vue-cli

大王在路上·2023-12-26 17:49

vue3 + vite 搭建项目

image.png运行报错如下，router找不到路径，用@导入组件/文件报错image.png修改vite.config.ts配置image.png

哩哩哩_0033·2023-12-26 16:09

tsconfig.app.json文件报红：Option ‘importsNotUsedAsValues‘ is deprecated...

在创建vue3+vite+ts项目时的tsconfig.json（或者tsconfig.app.json）配置文件经常会报一个这样的错误：爆红：Option‘importsNotUsedAsValues

一嘴一个橘子·2023-12-26 15:49

Tailwind CSS 原子化开发初体验

一、安装这里以React+Vite为例安装依赖，生成postcss.config.js和tailwind.config.js配置文件npmi

天問_·2023-12-26 15:26

6.微前端设计

微前端微前端定义这种架构模式是微服务架构理念在前端领域的延伸，旨在将单体前端应用分解为松耦合且独立的小应用后，再根据实际的业务场景将这些小应用组装成单个解决特定业务场景的应用；在前端设计时我们可以遵循单一职责和复用原则按照领域模型和微服务边界

Pingszi·2023-12-26 13:32

vite常用配置

一、常用配置rootroot是项目根路径，可以是绝对路径，一般配合fs.strict来限制访问root以外的路径。basebase是开发或生产环境服务的公共基础路径。假如部署的项目在端口后面加入了虚假路径，那么这个属性，可以改为/虚假路径从而可以使得资源可以在nginx可以被访问。例如：某个网站需要在8848端口下的/admin下面展示，那么我们就可以配置成：exportdefaultdefine

海上彼尚·2023-12-26 12:40

react+koa全栈开发以及部署流程

前端开发后端开发部署前端开发前端使用react、sass、TS、vite、pnpm进行开发，太详细的这里就不展开说了项目创建可以参考我的另外一篇文章优雅地创建一个前端项目后端开发后端使用node，使用koa

hello_helloworld·2023-12-26 11:30

reactive和TypeScript标注数据类型-ts使用方法

一、vite项目中:lang="ts"是表明支持ts校验（ts全称typescript,是es6语法，是javascript的超集强类型编程语言，类似java，定义变量类型后，赋值类型不一致，会提示，但是可以运行国内网址

wuhuhuan·2023-12-26 05:11

＜script setup＞的作用

一、使用之后，就不需要手动写以下代码，只要写逻辑代码未加setup，vite工程要加上下面代码*exportdefault{*setup(){*//只要写逻辑代码*return{***}*}*}加了setup

wuhuhuan·2023-12-26 05:10

uni-app系列（一）用cli创建支持Vue3/Vite的uni-app项目

更新HBuilderX编译器到3.3.0+，HBuilderX3.3.0+的编辑器支持基于Vite编译到小程序平台。

硅谷干货·2023-12-26 01:20

一个极致轻量的 Vue3 后台管理，终迎 2.0 版本，这次有点东西

简介VueNaiveAdmin2.0是一款极简风格的后台管理模板，包含前后端解决方案，前端使用Vite+Vue3+Pinia+Unocss，后端使用Nestjs+TypeOrm+MySql+Redis，

不爱敲代码的小胡·2023-12-25 23:38

【构建工具】vite2没捂热，vite5又来了，性能大幅提升！

vite2还没焐热，vite5又来了！！！就在一周前vite5重磅发布了！性能大幅提升!请看下面：下面是翻译过来的，原文：Vite5.0发布！

不爱敲代码的小胡·2023-12-25 23:07

mac使用vite初始化Vue3项目踩坑，权限报错 Error: EACCES: permission denied, mkdir

首先使用vite初始化Vue项目，在终端中输入*macos在命令行前面都加上sudo，以确保权限没有问题sudonpmcreatevite@latest之后选择vue，下一步选择javaScript或者

A_lexzanda·2023-12-25 19:17

推荐频道

vite微前端