构建工具 on 特严赤傲

博客终于成形了

Fri, 23 Oct 2026 22:32:18 +0800

这个博客很早之前就建好了，最开始使用的是vuepress，后来改成了vitepress，选这两个程序是因为对vue比较熟，但是界面的样式真的一言难尽，难看到没眼看，但也无暇顾及太多，由于在其他博客平台开了账号，也就把它当作记录写代码中遇到的问题的平台。

vben admin pro 框架的 ApiComponent Api组件包装器select使用示例

Mon, 02 Feb 2026 22:27:31 +0800

最近开发的项目中，有一个功能是 form 表单里 select 组件下拉选项是通过接口返回的数据，我使用了ApiComponent 组件，实现这个功能有两种方法，第一种是通过 slots 插入组件的方式实现（参考：vben admin pro 框架的BasicTable之使用slots 插入组件），第二种就是下面这个。废话不说，直接上代码。

React 父子组件传值

Tue, 15 Apr 2025 16:41:16 +0800

在 React 中，父子组件传值方式：

1. 父组件向子组件传值（Props）

这是最基础的传值方式，通过 props 将数据从父组件传递给子组件。

Mac安装brew和yarn

Sun, 20 Oct 2024 11:42:58 +0800

1，通过镜像安装brew

1

/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

按回车后，根据提示操作：输入镜像序号 –> 输入Y，回车等待brew安装完成即可；建议使用中科大的镜像。

miot-plugin-sdk-npminstall安装失败

Sun, 20 Oct 2024 11:42:58 +0800

最紧公司要开发一台智能设备，经过同事的对比，选中了米家作为云平台，于是，我就负责开发app界面端，根据官方文档教程下载了miot-plugin-sdk 程序，准备开始开发,结果悲剧了……

node 安装多版本

Sun, 20 Oct 2024 11:42:58 +0800

首先安装n模块

1

 sudo npm install -g n

1、列出所有node版本

1

n ls

2、查看远程所有node

1

 n ls-remote

3、查看当前node版本

1

node -v

4、安装指定node版本

1

sudo n 14.17.0

5、删除某个版本的node

1

sudo n rm 14.17.0

6、安装最新稳定版

1

sudo n stable

7、安装最新版本

1

sudo n lastest

8、切换node版本(输入命令后上下键盘选择确认)

1
2


$ n
//若无法正常切换，则可以试试： sudo n

python用pyinstaller打包exe,去掉黑窗口

Sun, 20 Oct 2024 11:42:58 +0800

使用Python编写程序将Python脚本打包成可执行文件（EXE）,但是会有一个命令框产生，很烦，所以，去掉这个框

vite配置

Sun, 20 Oct 2024 11:42:58 +0800

vite配置项，有些需要记录一下

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35


import { defineConfig, Terser } from 'vite'
import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/
export default defineConfig({
 base:'./', //打包公共路径
 plugins: [vue()],
 build:{
 //打包环境移除console.log，debugger
 minify:'terser',
 terserOptions:{
 compress:{
 drop_console:true,
 drop_debugger:true
 }
 },
 //打包文件按照类型分文件夹显示
 rollupOptions:{
 output:{
 chunkFileNames:'js/[name]-[hash].js',
 entryFileNames:'js/[name]-[hash].js',
 assetFileNames:'[ext]/[name]-[hash].[ext]'
 }
 }
 },
 server:{
 proxy:{
 'api':{
 target:'csdn.net',
 changeOrigin:true,
 rewrite:(path)=> path.replace('/^\/api/','')
 },
 }
 }
})

记录一下第一部分。

vite中无法使用require和@无法使用的问题

Sun, 20 Oct 2024 11:42:58 +0800

1，安装插件

1
2
3
4


//yarn 安装
yarn add -D vite-plugin-require-transform
//npm 安装
npm i vite-plugin-require-transform --S

2.在vite中配置一下即可

vue3兄弟之间传值之插件mitt

Sun, 20 Oct 2024 11:42:58 +0800

1.首先安装

1
2
3
4


//npm
npm install mitt -S
//yarn
yarn add mitt -S

2.src下新建一个目录plugin,其中新建Bus.ts