使用Docker搭建node开发环境

前端时间拿到一份比较旧的项目代码,奈何领导想看,所以用了新的 node16 来跑,最后适配好后 webpack 构建的代码语法错误,所以还是用回旧版的环境,但是又不想装两个 node,所以自己研究了套方案来整 编写脚本 配合 vscode 的运行脚本,最后实现如下 .vscode ├─ node14 │ ├─ docker-compose.yml │ └─ Dockerfile └─ launch.json 编写 Dockerfile FROM node:14.19.1 WORKDIR /home 编写 docker-compose.yml version: '3' services: node14: build: ./ image: node14:latest container_name: node14 tty: true volumes: - ../../:/home restart: always command: /bin/bash 编写运行脚本 { "version": "0.2.0", "configurations": [ { "command": "docker exec -it node14 /bin/bash -c 'npm install'", "name": "docker npm install", "request": "launch", "type": "node-terminal" }, { "command": "docker exec -it node14 /bin/bash -c 'npm run dev'", "name": "docker dev", "request": "launch", "type": "node-terminal" }, { "command": "docker exec -it node14 /bin/bash -c 'npm run build'", "name": "docker build", "request": "launch", "type": "node-terminal" } ] } 最后,愉快的开发

2022年4月22日 · 1 分钟 · 诚哥博客

Windows WSL上安装theos开发环境

最近闲时在开发越狱插件,学习了 Objective-C 开发,那是一个爽,平常都是在黑苹果上开发,现在想着在 Window 的 WSL 环境下开发,所以就想试着搭建下 打开 WSL 我这里使用 VSCode 打开,这里使用的是 ubuntu20.04 安装 Theos 依赖 这两个命令将安装 Theos 正常工作所需的所有依赖项。 sudo apt-get update sudo apt-get install -y build-essential git unzip libio-compress-perl 设置 $THEOS 环境变量 这五个命令将设置 Theos 用来了解事物在哪里以及从哪里执行它们以及诸如此类的事物的环境变量。 echo export THEOS="/opt/theos" >> ~/.bashrc echo alias nic="\$THEOS/bin/nic.pl" >> ~/.bashrc echo "umask 0022" >> ~/.bashrc source ~/.bashrc 使用代理 使用代理,可以加快速度 export http_proxy=http://192.168.0.189:7890/ export https_proxy=http://192.168.0.189:7890/ git config --global http.proxy http://192.168.0.189:7890 git config --global https.proxy http://192.168.0.189:7890 安装 Theos、工具链和 SDK 此命令将 Theos 安装到$THEOS 目录。 cd /opt sudo git clone --recursive https://github.com/theos/theos.git $THEOS ...

2022年4月21日 · 1 分钟 · 诚哥博客

Prettier尖括号自动换行问题

前端开发用的比较多的语法格式化无非 ESLint 和 Prettier,但是 Prettier 在 vue 中适配只能说一般吧,就比如 vue 中的>括号一直有 bug,记录下修复 Prettier 修复尖括号换行 添加这个属性就行 { "htmlWhitespaceSensitivity": "ignore" } 例子 module.exports = { bracketSpacing: true, singleQuote: true, jsxSingleQuote: true, tabWidth: 2, semi: true, // 标签闭合位置 默认false bracketSameLine: true, jsxBracketSameLine: true, //指定换行长度 printWidth: 120, // avoid 能省略括号的时候就省略 例如x => x arrowParens: 'avoid', vueIndentScriptAndStyle: true, trailingComma: 'all', proseWrap: 'never', htmlWhitespaceSensitivity: 'ignore', endOfLine: 'auto', }

2022年3月31日 · 1 分钟 · 诚哥博客

Vite2、js、vue2别名设置

今天给旧项目升级时,碰到 Vite2+js+vue2 的项目结构,但是 VSCode 打开后别名路径一直识别不了,打开 WebStorm 也一样识别不了,看来之前升级 vite2 时肯定是没配好,网上查了查,基本都试了一遍,每一个能真正识别出来的,于是自己倒腾出来了。 配置 vite.config.js 这个很简单,官方例子很多 resolve: { alias: [ { find: '@', replacement: path.resolve(__dirname, './src') } ] } 网上的列子 jsconfig.json 先来看看网上例子,都是这样的,但是在我这个项目上是怎样都不生效。 { "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["src/*"] } }, "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"] } 我例子的 jsconfig.json { "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["src/*"] }, "target": "es2020", "module": "commonjs", "allowSyntheticDefaultImports": true }, "include": ["src/**/*"], "exclude": ["node_modules", "dist"] } 成功识别!

2022年3月17日 · 1 分钟 · 诚哥博客

树莓派(Raspberry Pi)安装OpenCV和GoCV

在树莓派上安装 OpenCV 和 GoCV 是非常简单的,但需要注意一些细节。首先,使用“apt-get update”和“apt-get upgrade”命令更新系统并安装所需的依赖项。然后,使用“apt-get install python3-opencv”命令安装 OpenCV。最后,使用“go get -u -d gocv.io/x/gocv”命令安装 GoCV。在完成这些步骤之后,就可以在树莓派上使用 OpenCV 和 GoCV 进行图像处理和计算机视觉应用了。 OpenCV 安装 参考教程 在您的 Raspberry 64 位操作系统上安装 OpenCV 4.5 之前,您应该首先检查您的版本。运行命令 uname -a 并使用下面的屏幕转储验证您的版本。 您还需要使用命令 gcc -v 检查您的 C++ 编译器版本。它还必须是 aarch64-linux-gnu 版本,如屏幕截图所示。如果您有 64 位操作系统,但您的 gcc 版本与上面给出的不同,请使用最新版本重新安装整个操作系统。该指南可在此处找到:在 Raspberry Pi 4 上安装 64 位操作系统。您必须拥有 64 位 C++ 编译器,因为我们将从头开始构建所有库。否则,在 64 位机器上构建 32 位版本是没有意义的。 查看内存是否足够 OpenCV 4.5.2 版以上需要更多的内存。如果您有 4 GB 或 8 GB 内存的 Raspberry Pi 4,则不需要做以下操作。只有当拥有 2 GB RAM 的 Raspberry Pi 4 时,您才需要在 zram 配置文件中增加交换空间。请按照您在安装 64 位操作系统时已经知道的说明进行操作。 ...

2022年2月23日 · 1 分钟 · 诚哥博客