Jerome Xiong

本文整理了 Mac 平台上一系列实用软件和开发工具，从系统配置到日常应用一应俱全，帮助你快速搭建高效的工作环境。 系统软件 homebrew mysql pyenv nvm redis 直接brew install redis即可 Mac必装软件 IINA 最好用的音视频播放软件（可播放任何地址 Typora 最好用的Markdown编辑工具 （➕PicGo实现图片自动上传 VsCode 最好用的代码编辑工具 Neat Download Manager 最快速的下载工具 Electerm 开源的跨平台Shell管理工具 FinalShell 最好用跨平台Shell管理工具，就是不开源 Tencent Lemon 类似于CleanMyMac，但是完全免费 xmind 思维导图 wps 好用的文档中心 V2ray mac 推荐v2rayu, win推荐v2rayn （免费订阅free 幽禁节点 可选软件 OBS 强大的推流工具 ishot 截图、长截图、贴图、标注、取色、录屏，样样优秀 PicGo 一个用于快速上传图片并获取图片 URL 链接的工具 Daisy Disk ...

前文 很多时候我们都需要一个公共的资源地址来存储自己的文章等信息，作为一个coder，那当然是要用我们专属的语言来写日记了（markdown）。这里就给大家讲解一下如何使用typora + PicGo + github 打造专属的编辑&存储方式。 准备 一、从上面的链接中下载并安装typora和PicGo 二、 登录github账号 创建公开资源库 生成新令牌 依次点击 右上角点用户头像 -> Settings -> Developer settings -> Personal access tokens）-> Generate new token 设置令牌描述性名称，过期时间看自己情况选择，Select scopes只勾选：repo、 user Generate token 生成令牌 ⚠️令牌只显示一次，一定要复制保存好 设置PicGo图床 打开picgo后在顶部菜单栏右击图标，选择打开详情窗口，选择PicGo设置并勾选GitHub图床；就会在图床设置处显示图床 配置GitHub图床 填写github账...

XCFramework 是 Apple 推荐的 Framework 分发格式，支持多架构合并。本文详细介绍从 Framework 到 XCFramework 的转换流程。 先说一下XCFramework的好处吧： 多架构合并，模拟器，真机可以通用随便跑 上架AppStore，不需要将.xcframework中的真机架构分离，.framework还需要用脚本分离，这实在太棒了 Framework简单解析 拿腾讯IM的举例吧，其实.framework就是个文件夹里面装着封装好的文件。 123456789% cd path/ImSDK.framework # path 为 framework 路径ImSDK.framework % tree -L 1.├── Headers # 头文件夹├── ImSDK # 可执行文件├── Info.plist└── Modules # Modules 文件夹2 directories, 2 files 通过lipo -info查看.framework中的可执行文件中包含的架构： 12ImSDK.framework % lipo -info I...

Node.js 版本管理工具从 nvm 迁移到 Volta，包管理器从 npm 迁移到 pnpm，是提升前端开发效率的重要一步。Volta 相比 nvm 的优势在于自动版本切换和项目级配置，本文记录完整的迁移过程。 一、卸载 nvm（避免冲突） ​卸载 nvm​： 在终端执行以下命令移除 nvm 及其配置： nvm unload # 卸载 nvm rm -rf "${NVM_DIR:-~/.nvm}" # 删除安装目录 ​清理配置文件​： 编辑 shell 配置文件（如 ~/.zshrc或 ~/.bashrc），删除以下行： export NVM_DIR="$HOME/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" [[ -r $NVM_DIR/bash_completion ]] && \. $NVM_DIR/bash_completion 完成后运行 source ~/.zshrc（或重启终端）。 ...

本文介绍在 Mac 上使用 Docker 和 docker-compose 一键部署 MySQL、Redis 和 Nginx 服务，涵盖镜像加速、数据持久化、容器链接等关键配置。 安装 首先去官网下载，因为国内网络问题，需要配置网络加速，可以使用： http://hub-mirror.c.163.com 网易 https://registry.docker-cn.com 中国区官方 docker.mirrors.ustc.edu.cn 中国科技大学 { "registry-mirrors": [ "https://docker.registry.cyou", "https://docker-cf.registry.cyou", "https://dockercf.jsdelivr.fyi", "https://docker.jsdelivr.fyi", "https://dockertest.jsdelivr.fyi", "https://mirror.aliyuncs.com", "https://dockerp...

本教程详细介绍如何在宝塔面板中配置 Nginx 反向代理、静态资源服务，以及部署 Let’s Encrypt 免费 SSL 证书和自动续期功能。 在宝塔面板中配置您提供的 Nginx 反向代理和静态资源服务，可以按照以下步骤操作。下面的流程图汇总了核心配置步骤，帮助您快速了解整体流程： 1234567891011121314151617flowchart TD A[开始配置] --> B[登录宝塔面板<br>创建或选择站点] B --> C{配置目标} C -->|反向代理| D[配置反向代理] C -->|静态资源| E[配置静态资源] D --> D1[添加反向代理规则] D1 --> D2[自定义代理名称和目标URL] D2 --> D3[高级配置中添加<br>proxy_set_header等参数] E --> E1[修改网站根目录] E1 --> E2[设置默认文档] E2 --> E3[添加try_files指...

使用Let’s Encrypt获取和安装SSL/TLS证书的完整指南 Let’s Encrypt是一个免费、自动化的证书颁发机构(CA)，通过其官方工具Certbot可以简化SSL/TLS证书的获取和安装流程。以下是详细的步骤指南： 一、准备工作 域名准备：确保您拥有要申请证书的域名，并且该域名的DNS记录已正确解析到您的服务器IP地址 服务器要求：需要root或sudo权限，并确保服务器开放了80(HTTP)和443(HTTPS)端口 Web服务器：已安装Nginx或Apache等Web服务器软件 二、安装Certbot工具 Certbot是Let’s Encrypt官方推荐的客户端工具，安装方法因操作系统而异： Ubuntu/Debian系统 1234sudo apt updatesudo apt install certbot python3-certbot-nginx # 用于Nginx# 或sudo apt install certbot python3-certbot-apache # 用于Apache CentOS/RHEL系统 12345678sudo yu...

VS Code 是目前最流行的代码编辑器之一，合理的用户设置能大幅提升编码效率。以下是我的个人配置备份，涵盖编辑器外观、格式化、ESLint、Emmet 等常用选项，可直接复制使用。 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485{ "update.channel": "none", "extensions.autoUpdate": false, "editor.renderLineHighlight": "none", "editor.renderWhitespace": "none", // "editor.fontFamily": "Consolas", "editor.fontSize": 15, "editor.cursorBlinking": "smooth", "editor.m...

本文记录 Vue.js 开发中常见的几个实用技巧，包括通过 JS 动态设置 CSS 变量、理解 extends 与 mixins 的区别以及图片资源的动态导入方法，适合日常开发快速参考。 js动态设置css 123456this.$el.style.setProperty('--ar-round', this.radius);// 或者原生设置// document.documentElement.style.setProperty('--ar-round', this.radius);// 使用border-radius: var(--ar-round) extends 和 mixins 的区别 都是混入对象，但mixins是多继承，extends是单继承；可继承所有属性对象，并且后面覆盖前面 img动态设置地址 1234import test from "../asssets/test.png"// test 即为资源地址console.log(test)<img :src="test">

本文详细讲解如何从零搭建支持ES6语法的Node.js项目，涵盖Babel转码配置、PM2集群部署以及forever进程管理，帮助你将Node.js应用高效部署到生产环境。 创建支持ES6的NodeJS项目 新建一个空的文件夹，在根目录执行：npm init -y。会生成一个package.json文件 安装依赖 安装express： npm install --save express 安装babel转码编译：npm install --save-dev babel-register babel-preset-env 在文件根目录创建.babelrc文件，内容如下： 123456789{ "presets": [ ["env", { "targets": {//只转码当前不支持语法 "node": "current" } }] ]} 新建一个src文件夹，并在文件内新建 main.js内容如下： 123456789import Express from 'express'let app = Express()app.get('/', ...