JavaScript on Rui blog

nvm使用

Wed, 08 Apr 2026 10:42:56 +0800

nvm list available，查看网络可以安装的版本 https://nodejs.org/en/download/releases nvm install 14.14.0 nvm use 14.14.0 node -v npm -v

技术栈

Wed, 08 Apr 2026 10:42:56 +0800

前端开发

精通 HTML、CSS、JavaScript，熟悉页面结构与布局，掌握 ES6+ 新特性
熟练使用 Flex、Grid、媒体查询，能够实现高性能响应式页面开发
熟练掌握 Vue.js 技术栈（Vuex、Vue Router、Axios），具备 React / React Native 跨端开发能力
熟悉微信小程序开发，掌握 UniApp 跨平台框架
熟练使用 Element Plus、ECharts、Ant Design、Vant 等主流组件库后端开发
熟练掌握 Java 基础语法，熟悉 Spring Boot、MyBatis-Plus 框架，具备后端接口开发与工程化能力
熟悉 Node.js（Express），能够进行全栈开发
熟练掌握 Python 基础语法，熟悉 Django、Flask 及常用爬虫库
具备自研加密算法工程化落地、性能优化（多线程、JVM 调优、流式读取）的实践经验移动端开发
熟悉 Android 原生开发，具备代码重构与性能优化经验
掌握跨端开发（React Native / UniApp），支持移动端与桌面端适配数据库与存储
熟悉 MySQL、MongoDB、OpenGauss 等数据库，具备数据库建模与优化能力
理解数据安全与加密策略，掌握国密算法（SM2/SM3/SM4）运维与部署
熟悉 Linux 基础命令，具备软件部署与运维能力
熟悉 Docker、Jenkins，具备 CI/CD 自动化部署实践经验
能独立编写 Shell/PowerShell 脚本，支持一键化构建与上线协作与工具
熟练使用 Git，能够配合 GitHub/GitLab/Gitee 进行多人协作开发
熟悉敏捷开发流程，具备跨团队协作与项目推进能力

ELK 安装

Wed, 08 Apr 2026 10:42:55 +0800

https://www.elastic.co/cn/downloads/past-releases/ 下载Elasticsearch 9.2.4 Kibana 9.2.4 Logstash 9.2.4 分别下载windows版本zip并解压

安装Elasticsearch插件中文分词器： https://github.com/infinilabs/analysis-ik/releases 在Elasticsearch 安装目录bin下面执行命令：

Git提交规范

Wed, 08 Apr 2026 10:42:55 +0800

feat: 新功能、新特性
fix: 修改 bug
perf: 更改代码，以提高性能
refactor: 代码重构（重构，在不影响代码内部行为、功能下的代码修改）
docs: 文档修改
style: 代码格式修改, 注意不是 css 修改（例如分号修改）
test: 测试用例新增、修改
build: 影响项目构建或依赖项修改
revert: 恢复上一次提交
ci: 持续集成相关文件修改
chore: 其他修改（不在上述类型中的修改）
release: 发布新版本
workflow: 工作流相关文件修改

scope: commit 影响的范围, 比如: route, component, utils, build…
subject: commit 的概述
body: commit 具体修改内容, 可以分为多行.
footer: 一些备注, 通常是 BREAKING CHANGE 或修复的 bug 的链接.

示例：

查询项目node版本

Wed, 08 Apr 2026 10:42:54 +0800

package.json中查看

“@types/node”: { “version”: “12.12.7”, “resolved”: “https://registry.npm.taobao.org/@types/node/download/@types/node-12.12.7.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fnode%2Fdownload%2F%40types%2Fnode-12.12.7.tgz", “integrity”: “sha1-AeTqck2eO9UNkMEf1ZgLoxfY+hE=”, “dev”: true },

Docker部署流程

Wed, 08 Apr 2026 10:42:53 +0800

一、整体流程总览（先建立全局认知）

源码 ↓ Dockerfile（定义环境） ↓ docker build（生成不可变镜像） ↓ docker tag（版本化） ↓ docker push / docker save（传输） ↓ 服务器 docker pull / load ↓ docker run / docker compose

FigmaMCP提示词

Wed, 08 Apr 2026 10:42:53 +0800

你是一名资深全栈工程师，请基于我提供的 Figma 设计链接生成响应式小程序页面，并使用Figma mcp工具查看UI设计稿。
要求：

严格还原间距和颜色
对移动设备做适配处理
其中若涉及图标、背景图等信息，告知我代码中对应图标的名称，我会手动下载保存在腾讯云cos上
若涉及新功能开发，你是一名优秀的经验丰富的全栈工程师，需要完成sql表创建、后端编写以及前端编写工作
若需要顶部导航栏，则使用小程序原生的顶部导航栏，页面的宽高需要考虑padding的距离，必要时使用calc设置宽高

设计链接： https://www.figma.com/design/xXcKJz1amnqrNGR32JSWoI/Untitled?node-id=30-299&t=g9zYjchPWTYzvXoA-0

electron镜像源配置

Wed, 08 Apr 2026 10:42:52 +0800

.npmrc 中手动加入：

electron_mirror=https://cdn.npmmirror.com/binaries/electron/
electron_builder_binaries_mirror=https://npmmirror.com/mirrors/electron-builder-binaries/

教程：https://blog.csdn.net/qq_36835255/article/details/145202441

Ubuntu nvm下载

Wed, 08 Apr 2026 10:42:52 +0800

安装：

# 安装 curl
sudo apt install curl
# 安装 git
sudo apt install git
# 安装 nvm
bash -c "$(curl -fsSL https://gitee.com/RubyMetric/nvm-cn/raw/main/install.sh)"

重开终端，或重新打开 ssh 窗口

使用：

命令行	作用
nvm ls	已安装的列表
nvm ls-remote	所有可安装版本
nvm install v12.20.1	安装某个版本Node
nvm use 12.20.1	切换Node版本
node -v	node.js 版本
nvm-update	更新nvm

卸载：

npm pnpm yarn镜像源配置

Wed, 08 Apr 2026 10:42:51 +0800

npm get registry
# 国内 淘宝 镜像源
npm config set registry https://registry.npmmirror.com/
# 官方镜像源
npm config set registry https://registry.npmjs.org/

pnpm get registry
# 国内 淘宝 镜像源
pnpm config set registry https://registry.npmmirror.com/
# 官方镜像源
pnpm config set registry https://registry.npmjs.org/

npm install -g yarn@1.22.19
yarn config get registry
# 国内 淘宝 镜像源
yarn config set registry https://registry.npmmirror.com/
# 官方镜像源
yarn config set registry https://registry.yarnpkg.com/

清除缓存

React Native运行IOS

Wed, 08 Apr 2026 10:42:51 +0800

关闭代理
yarn install
yarn pod
检查xcode workspace 三处arm64 twwapp中的三处、以及prods
运行，查看报错，选择wenling
再次运行，fix代码里的语法错误
再次运行，xcode执行成功后关闭终端、simulator，在webstorm重新运行