console vite
vite 分包配置
一、默认打包结果 二、配置 node_modules 打到一个文件 结果 配置 // vite.config.js export default defineConfig(({ mode }: ConfigEnv): UserConfig => { const root = process.cwd( ......
解决vite 文件的部分热更新问题
项目中的文件，在写代码的时候突然不能热更新了，使用的是vite + vue3 可能是点击文件夹的时候不小心改变了文件名的大小写导致的，因为这个不能热更新，搞了好久，每次写完代码，都要重启项目才能看到改变。看到网上都说是文件名的引入导致的，检查了代码，果然是这个原因。 ......
vite_打包去除console
依赖版本 "vite": "^5.0.10" 在vite.config.js中写入以下 export default defineConfig({ plugins: [ vue(), ], // 添加以下配置去除打包后的代码中的console build: { minify: 'terser', t ......
Vite构建基本配置
通过vite.config.js 暴露出defineConfig函数实现构造，vite会读取defineConfig返回的配置对象，配置对象需要自行编写 defineConfig 该函数是vite工具助手函数，用来读取构建配置，其返回一个配置参数对象 通过查看源码得知，vite配置有以下可选非必要内 ......
vite_在项目中批量引入图片
一般而言, 在vue中引入图片会使用类似import slideImg1 from '@/assets/imgs/kenny-eliason-Ak5c5VTch5E-unsplash.jpg'这种方式, 但是当需要引入的图片数量众多的时候, 这么写就非常麻烦了. 参考vite+v3批量一次性引入本地 ......
使用Nginx部署VUE3+VITE项目时无法访问后端接口的一个情况
在使用VUE3作为前端，ABPVNEXT6.0作为后端框架。使用Nginx部署后无法访问api，接口报错404 找错思路很重要，网上找到了很多Nginx配置信息，但是都不起作用，即使更换服务器重新部署也无法生效 后来才发现，ABPNEXT对于未找到对应实体的报错就是404，按照正常的程序逻辑，404 ......
electron-vite 安装， 打包下载资源失败，设置国内镜像
由于electron默认打包会从github上下载相关二进制包，众所周知，国内GitHub访问是相当慢的，所以经常会出现下载失败导致打包不成功，这时我们就需要配置国内的镜像源，以解决从GitHub下载慢甚至无法下载的问题。 修改npm配置文件（没有就创建）： npm的配置文件为用户根目录下的：~/. ......
vite启动后提示：Network: use --host to expose，且无法通过网络IP访问服务
 原因： 当 局域网 中另一台设备需要访问该服务时，必须通过本机 IP + 端口 访问。 尝试访问后，发现找不到这个 ......
seata-server-1.8.0 | Could not resolve placeholder 'console.user.username' in value "${console.user.username}" | "${seata.security.secretKey}"
PS D:\gitrepo\seata-server-1.8.0\seata> * [Seata1.6.1启动报错：console.user.username\_seata could not resolve placeholder 'console.user.-CSDN博客](https://bl ......
使用VSCode调试.Net Framework Console 工程
1.VS Code->File->Open Folder… 打开solution文件所在的Folder 2.Run and Debug->create a launch.json file->C# 3.Explor->.vscode->右键->New File->tasks.json 4.将task ......
vite创建vue3项目
初始化项目 pnpm ：pnpm create vite 输入项目名称，选择前端框架，上下键选择，确定选择可直接回车进行下一项选择 选择类型，我这里选择的是tyscript类型,按下回车后便创建成功 进入cd 项目名称进入项目目录，再如果pnpm install 安装项目所需依赖 依赖安装成功后 直 ......
mysql安装：mysqld --initialize -console无反应解决方法（其一）
环境变量更改 新建MYSQL_HOME 内容是安装目录 随后在PATH中新建 还没反应就用百度的其他方法，本方法只针对之前下载老版mysql，环境变量没更新的情况。 ......
【全志T113】修改console uart端口
一共需要改以下几个地方 1.device/config/chips/t113/configs/mq_r/board.dts （1）修改uart端口设备树，改成你想要的端口，注意，必须是mux表上uart3对应的端口 （2） 2.device/config/chips/t113/configs/mq_ ......
react+antd-mobile+vite移动端H5前端项目
React+antd-mobile+vite ($\color{red} {注意：} $)待解决问题 （1）高版本路由第一次切换tab跳路由会出现闪烁,路由切换会延迟导致tab无法触发active(预计和缓存组件不更新路由参数有关) （2）使用ReactDOM.createRoot实例化项目，在结合 ......
vue3+vant+vite移动端H5前端项目
vue3+vant4 项目地址 vue项目演示 react项目演示 react项目代码:react项目代码 环境版本 nuc 16.10.9 (ncu -u) nvm 1.1.11 node 20.0.0 npm 9.6.4 项目重要知识点 1. 采用 vue3 + vite + pinia 2.可 ......
Vite配置了proxy，查看代理接口地址
开发环境VIte配置了proxy，在控制台看不到实际请求的URL 可以在proxy使用byPass() 因为无法将其添加到请求头中，使用加到响应头方便查看 '/api': { target: env.VITE_NODE_ENV 'prod' ? 'https://***.com' : `https: ......
Vite+Vue3+vite-plugin-style-import 2.0按需引入vant 4组件
首先在项目根目录执以下以命令，安装好必要的组件包： # Vue 3 项目，安装最新版 Vant cnpm i vant # 添加按需引入插件，它的作用是在引入组件库中的组件时支持按需引入，减小打包后代码的体积 cnpm install babel-plugin-import -D # 添加按需引入插 ......
INFINI Labs 产品更新 | Console 数据迁移支持 Percentiles 均匀分区
INFINI Labs 产品又更新啦~，包括 Console v1.14.0，Gateway 1.21.0。其中 Console 数据迁移支持 Percentiles 均匀分区，修复已知 Bug 等。以下是本次更新的详细说明。 INFINI Console v1.14.0 INFINI Consol ......
Vite + ESBuild error: No loader is configured for ".node" files: node_modules/fsevents/fsevents.node
Vite + ESBuild error: No loader is configured for ".node" files: node_modules/fsevents/fsevents.node Add fsevents to your optimizeDeps exclude in your ......
.NET 6 控制台程序(Console)读取配置appsettings.json配置文件
1、添加引用Microsoft.Extensions.Configuration.Json 添加引用 Microsoft.Extensions.Configuration.Json，引用方法可以参考： 1）使用Nuget界面管理器 搜索 "Microsoft.Extensions.Configu ......
解决vite的跨域问题
报错信息 Access to XMLHttpRequest at 'http://localhost:3000/player' from origin 'http://localhost:4000/' has been blocked by CORS policy: No 'Access-Contr ......
vite+vue3 打包后页面空白现象
使用vite打包之后运行index.html空白，打开控制台发现报错: 解决方法： 在vite.config中加入: publicPath: './', 这是vite.config中的结构: export default defineConfig({ publicPath: './', lintOn ......
Vue3+TS+Vite中 vConsole 插件的使用
vConsole 一个轻量、可拓展、针对手机网页的前端开发者调试面板。 vConsole 是框架无关的，可以在 Vue、React 或其他任何框架中使用。 现在 vConsole 是微信小程序的官方调试工具。 https://gitee.com/Tencent/vConsole/ 平时在web应用开 ......
vite自动关闭端口号插件
关闭端口号插件 ❓：有时候我们需要强制将我们的端口号进行固定， 💡：我们在 server 中配置如下 server: { host: '127.0.0.1', port: 8000, strictPort: true, open: true, hmr: { overlay: false, }, / ......
华为交换机console密码重置
华为/华三交换机console密码重置 第一种：忘记用户密码以及console密码 第二种：在系统中重置console密码 第一种 电脑用console线连接交换机，打开CRT或XShell等软件连接进去。 按Ctrl+B 建议一直摁，避免错过 进入Bios菜单后，会让我们输入密码； 华为的密码是： ......
Vue3+vite+Pinia+element-plus 换肤+国际化
先上效果： 一：换肤 1:用Pinia 小菠萝做状态管理。 2：根据自己需求写几套主题色（用于后面在html加载对应的主题颜色） 3: 自己写一个切换主题的页面 4：每次进入系统前去pinia里面获取上次选中的主题。如果已经设置 加载已设置过的 在src 下随便建个theme/index.ts 然后 ......
Vite Components插件
作用 Components 引于 unplugin-vue-components，用于解决vue文件内无需手动引入组件，减少import的调用 基本配置 在vite配置文件中，作为插件使用 import { defineConfig } from 'vite' import Components f ......
vue3 + vite + ts 配置 @ 别名
第一步 npm install @types/node -D 第二步 这是原 vite.config.ts文件 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' // https://vitejs.dev ......
vue3+vite动态引入图片（import.meta.glob）
Vite官方提供的 import.meta.glob API。 这个方法一般用于批量引入js或者ts文件，但实际上这个方法就是 很多import语句的集合而已，import是可以引入图片的，所以import.meta.glob 也同样可以引入图片资源，只不过需要加入配置项 as:'url' 就可以了 ......
Turbo Console Log：简化 JavaScript 调试的利器
快捷键 ctrl + alt + l 选中变量之后，使用这个快捷键生成 console.log alt + shift + c 注释所有 console.log alt + shift + u 启用所有 console.log alt + shift + d 删除所有 console.log ......