如果你不喜欢使用 brew 或者 pkg 的方式来安装 Node.js,或者是有洁癖,可以参考如下步骤:
打开官网,选择 macOS Binary (.tar.gz)然后下载。
下载完后解压到一个路径。我选择了~/public。然后重命名文件夹为node,方便配置环境变量。然后在一个合适的位置创建本地仓库文件夹,我选择~/public/node_repo。
在终端创建环境变量文件:
cd ~
vi .bash_profile
然后在文件中添加:
export PATH=~/public/node/bin:$PATH
保存好文件,然后输入命令让配置文件生效:
source .bash_profile
测试一下:
npm -v
如果输出了版本信息,说明已经配置成功。假如我们进入 IDE,输入npm命令却发现提示 command not found。这说明刚才配置的环境变量是一次性的,还需要再修改一下。
还是在终端中,在~目录下:
vi .zshrc
然后输入:
source ~/.bash_profile
然后再让这个文件生效:
source .zshrc
再次进入 IDE 的终端时,发现命令已经可以正常执行。如果仍然提示command not found,请尝试关闭 IDE 中的终端,如 VSCode 中点击终端页面右上方的小垃圾桶。
接下来就是配置本地仓库和远程仓库:
npm config set prefix "~/public/node_repo"
npm config set registry https://registry.npm.taobao.org
可以输入 npm config ls 来查看刚才的配置是否生效。
像往常一样,安装 Vue-Cli3:
npm i @vue/cli -g
安装完后发现vue命令不生效,得做如下配置:
打开.bash_profile文件,在下面追加一行:
alias vue=~/public/node_repo/bin/vue
然后再让它生效:
source .zshrc
为什么要这么配置呢,因为 vue 在 macOS 中不是可执行文件,按照常规思路配置环境变量是行不通的。但如果你直接把 vue 文件拖入终端会发现它是可以运行的,说明只需要给它取个别名,让系统认识它就可以了。
在终端中测试一下:
vue --version
如果输出了版本信息,说明已经配置成功。