在vscode中调试ts代码,不支持esm模块

最后更新:

话不多说,直接上配置,在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": []
  }
查看全文 >>

如何开发一个现代的npm包

最后更新:

模块化

  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导出模块

查看全文 >>

一些有关Linux的有用的小笔记

最后更新:

如何更换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
查看全文 >>

关于我是如何使用Jenkins进行CI CD

最后更新:

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中使用容器来进行构建

查看全文 >>

node+react本地使用https进行开发

最后更新:

准备好证书

对于本地来说，可以使用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 查看全文 >>

常用的github-workflow

最后更新:

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}}
查看全文 >>

我的mac配置

最后更新:

终端

  • 终端使用的是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可以给命令增加语法高亮，看起来更好看
查看全文 >>

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia-plus根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

nickname:leftover 🙈
school: 井冈山大学计算机科学与技术专业2019级 😲
favorite: 动漫,二次元⚔️,旅游🌄,乒乓球🏓,跑步🏃,捣鼓小玩意🧸
QQ:1614674987 🐧
wish: 愿以后能够不再为了生活而奔波,做想做的事😉