macOS 手动安装 Node.js 与 Vue-Cli3

225 阅读2分钟

如果你不喜欢使用 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

如果输出了版本信息,说明已经配置成功。