mac上安装viem并编写代码
Tim Chen(motion$) Lv5

mac上安装使用viem的过程

  1. 安装node,官网(https://nodejs.org/en)下载stable版本
    安装后node的位置在:
    ①/usr/local/lib/node_modules/ 是默认的全局安装目录,但需要管理员权限
    ②但我们可以设置用户定义的目录,用于不需要 sudo 的全局安装,
    通常有以下三个目录

    1
    2
    3
    /User/whoami/.npm/  
    /User/whoami/.npm-global/
    /User/whoami/.npmrc

    ③ 我们可以通过以下命令查看当前npm安装包存放的目录位置:

    1
    2
    npm prefix -g
    npm config get prefix
  2. 通常我们建议设置用户自定义的目录,流程如下:

    1
    2
    mkdir ~/.npm-global
    npm config set prefix '~/.npm-global'

    将路径添加到环境变量(如 ~/.zshrc 或 ~/.bashrc):

    1
    export PATH=$PATH:~/.npm-global/bin

备注:echo $SHELL ,如果你的shell使用的是zsh,那么/.zshrc是你使用的环境配置文件
如果你的shell使用的是bash,那么
/.bashrc是你使用的环境配置文件

  1. 解决权限问题:

    1
    2
    sudo chown -R $(whoami) ~/.npm
    sudo chown -R $(whoami) ~/.npm-global

    并且确认你的npm prefix -g是你的用户自定义目录

  2. npm安装package:两种安装方式,全局安装-g和局部安装–save-dev

  3. viem的使用,因为viem是使用typescript,所以你需要安装typescript ts-node

    1
    npm install typescript ts-node viem @types/node --save-dev

mac上编写viem例子的过程

  1. mkdir 01_test && cd 01_test
  2. npm init -y 初始化package.json文件
  3. npx tsc –init 初始化tsconfig.json文件
  4. touch client.ts编写代码
  5. npm install typescript ts-node viem dotenv types@node –save-dev
  6. 运行client.ts文件
    ts-node client.ts
  7. package.json和tsconfig.json两个文件有什么区别?

mac上node的卸载和重新安装

  1. 检查node是否正常安装
    1
    2
    3
    4
    timchen@Tims-MacBook-Air-2 ~ % node -v
    v22.12.0
    timchen@Tims-MacBook-Air-2 ~ % npm -v
    10.9.0
 评论