话不多说,直接上配置,在vscode中的setting.json文件中的launch下的configurations 中添加配置即可

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

//setting.json
"launch": {
 "configurations": [
   // ... other
    {
      "name": "ts-node",
      "type": "pwa-node",
      "request": "launch",
      "args": [
        "${relativeFile}"
      ],
      "env": {
        "NODE_OPTIONS": "--no-warnings"
    },
      "runtimeArgs": [
        "-r",
        //我这里使用的是全局安装的ts-node,当然你也可以直接写ts-node/register,建议使用全局安装的ts-node,不然你每次调试ts代码都得装ts-node和typescript,
        "/usr/local/lib/node_modules/ts-node/register",
      ],
      "cwd": "${workspaceRoot}",
      "protocol": "inspector",
      "internalConsoleOptions": "openOnSessionStart"
    },
  ],
  
  "compounds": []
  }

模块化

1. IIFE其实就是一个立即执行函数，最开始是使用这个来进行模块化的，隔离变量作用域

2. AMD（Asynchronous Module Definition异步模块定义）

3. UMD (Universal Module Definition,也就是通用模块定义),UMD是AMD+cjs的兼容版，在AMD和cjs的项目中，都可以引入UMD模块

4. CJS 是nodejs采用的模块化标准，使用require引入模块，exports 或 modules.exports来导出模块

5. ESM 是es6提出的模块化方案，是当前比较流行的模块化方案，在node.js中默认是使用cjs的模块化方案，可以在package.json中设置 “type”: “module”来标记为esm模块,使用import导入模块，export导出模块

如何更换apt的源

1
2
3
4
5
6
7
8
9
10
11
12

cat << EOF > /etc/apt/sources.list
deb http://mirrors.aliyun.com/ubuntu/ bionic main restricted universe multiverse 
deb http://mirrors.aliyun.com/ubuntu/ bionic-security main restricted universe multiverse 
deb http://mirrors.aliyun.com/ubuntu/ bionic-updates main restricted universe multiverse 
deb http://mirrors.aliyun.com/ubuntu/ bionic-proposed main restricted universe multiverse 
deb http://mirrors.aliyun.com/ubuntu/ bionic-backports main restricted universe multiverse 
deb-src http://mirrors.aliyun.com/ubuntu/ bionic main restricted universe multiverse 
deb-src http://mirrors.aliyun.com/ubuntu/ bionic-security main restricted universe multiverse 
deb-src http://mirrors.aliyun.com/ubuntu/ bionic-updates main restricted universe multiverse 
deb-src http://mirrors.aliyun.com/ubuntu/ bionic-proposed main restricted universe multiverse 
deb-src http://mirrors.aliyun.com/ubuntu/ bionic-backports main restricted universe multiverse12345678910 
EOF

1

apt-key adv --keyserver keyserver.ubuntu.com --recv-keys 3B4FE6ACC0B21F32

overView

这篇文章旨在讲述我是如何使用jenkins做CI，CD的

使用docker启动jenkins容器

1
2
3
4
5
6
7

docker run --name jenkins-docker --rm --detach \
  --privileged --network jenkins --network-alias docker \
  --env DOCKER_TLS_CERTDIR=/certs \
  --volume jenkins-docker-certs:/certs/client \
  --volume jenkins-data:/var/jenkins_home \
  --publish 2376:2376 \
  docker:dind --storage-driver overlay2

1
2
3
4
5
6
7

docker run --name jenkins-blueocean --restart=on-failure --detach --privileged \
  --network jenkins --env DOCKER_HOST=tcp://docker:2376 \
  --env DOCKER_CERT_PATH=/certs/client --env DOCKER_TLS_VERIFY=1 \
  --publish 8080:8080 --publish 50000:50000 \
  --volume $(which docker):/usr/bin/docker \
  --volume jenkins-data:/var/jenkins_home \
  --volume jenkins-docker-certs:/certs/client:ro \

–privileged 和 –volume $(which docker):/usr/bin/docker是为了能够在jenkins中使用容器来进行构建

准备好证书

对于本地来说，可以使用mkcert来生成证书

安装：

• mac：

  1 2	brew install mkcert brew install nss # if you use Firefox

• windows

  1 2 3 4 5 6

  #Chocolatey choco install mkcert # or use Scoop scoop bucket add extras scoop install mkcert

生成证书

1
2
3
4
5

mkdir -p ~/.cert
#生成证书
mkcert -key-file ~/.cert/key.pem -cert-file ~/.cert/cert.pem "localhost"
#让系统信任生成的证书，只有初次生成证书时需要运行这个命令，后续通过 mkcert -key-file 生成的证书会自动被系统信任
mkcert -install

1. 一文教你使用在阿里云的服务器中使用命令行发送邮件 https://modernjs.dev/docs/apis/commands/monorepo/new
2. npm包的版本，以及如何规范升级npm包 https://mp.weixin.qq.com/s/ujWW6vTtwTcuiM8rj2vNTQ
3. 开发一个npm包的最佳实践（英文） https://snyk.io/blog/best-practices-create-modern-npm-package/
4. package.json 配置完全解读 https://juejin.cn/post/7145001740696289317
5. antfu 大神的一篇博客：发布esm和cjs的npm包(英文) https://antfu.me/posts/publish-esm-and-cjs
6. 字节跳动团队关于前端包管理工具的分享：https://zhuanlan.zhihu.com/p/582229306
7. 使用EJS模板自动生成代码: https://mushuichuan.com/2021/05/22/templateCodes/
8. 现代 JavaScript 库打包指南 : https://segmentfault.com/a/1190000042529806 查看全文 >>

1. 阿里云服务器是不允许使用25端口发邮件，25端口默认是被占用的，因此我们一般使用465端口号进行邮件的发送，先在阿里云上将465端口号开放
2. 

通过以上步骤获取授权码，复制下来 查看全文 >>

npm publish 自动发布npm包

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

# .github/workflows/npm_publish.yml
name: npm publish
on:
  push:
    tags:
      - "v*" # Push events to matching v*, i.e. v1.0, v20.15.10

jobs:
  publish-npm:
    needs: build
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v3
      - uses: actions/setup-node@v3
        with:
          node-version: 14.17.5
          registry-url: https://registry.npmjs.org/
      - run: npm publish
        env:
          NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}

终端

• 终端使用的是iterm2+oh-my-zsh,iterm2的颜色是使用的是Dracula的主题,字体使用的是MesloLGS NF ,
• Oh-my-zsh使用的是Powerlevel10k主题
• 对于oh-my-zsh的插件，我使用了autojump ，zsh-autosuggestions，zsh-syntax-highlighting
• fig可以给你的终端加上提示,让你敲命令的时候更加地便捷
• autojump可以记住你以前cd 的目录 ，然后直接使用命令j xxx即可快速跳到这个目录
• zsh-autosuggestions可以记住你以前敲过的命令，之后再用相同的命令的时候会提示你，然后按->即可接受他的意见
• zsh-syntax-highlighting可以给命令增加语法高亮，看起来更好看

vscode+picgo插件上传图片至oss

以前我是使用typora写markdown的,typora确实香，所见即所得的特性对新手比较友好，也可以配合pcigo，直接粘贴图片即可上传到图床,但是typora开始收费了,虽然可以下载以前不用收费的历史版本，但是用了一段时间之后也用不了,这之后我开始使用vscode来写markdown,配合markdown all in one 插件,体验还是不错的（不得不说vscode是真滴牛）

• 写作体验好了，但是不能像typora一样自动上传图片到图床,好在vscode里面也有这么一个插件叫picgo ,可以帮助你自动上传图片至各大图床。