Mac 安装node npm cnpm vue 以及卸载 node 和 npm 的方法 清空npm缓存的方法

时间:2021-07-04 04:39:50

S01 安装node(内含npm)

首先,到官网下载长期支持版,截止目前,最新的长期支持版本号是10.16.3

https://nodejs.org/zh-cn/download/

Mac 安装node npm cnpm vue 以及卸载 node 和 npm 的方法 清空npm缓存的方法

下载完毕后,安装该文件

Mac 安装node npm cnpm vue 以及卸载 node 和 npm 的方法 清空npm缓存的方法

这里注明了安装位置,并且,除了node,默认还会安装npm

node安装位置:

/user/local/bin/node

npm安装位置:

/user/local/bin/npm

Mac 安装node npm cnpm vue 以及卸载 node 和 npm 的方法 清空npm缓存的方法

在第四步你可以自定义安装内容

Mac 安装node npm cnpm vue 以及卸载 node 和 npm 的方法 清空npm缓存的方法

这里选择你要安装的内容

Mac 安装node npm cnpm vue 以及卸载 node 和 npm 的方法 清空npm缓存的方法

安装完毕

Mac 安装node npm cnpm vue 以及卸载 node 和 npm 的方法 清空npm缓存的方法

S02 安装cnpm

npm相当于node的应用商店,但是npm对国内网速不太友好,所以这里需要安装cnpm换成国内的。

安装cnpm命令如下:

sudo npm install -g cnpm --registry=https://registry.npm.taobao.org

Mac 安装node npm cnpm vue 以及卸载 node 和 npm 的方法 清空npm缓存的方法

cnpm安装完毕

Mac 安装node npm cnpm vue 以及卸载 node 和 npm 的方法 清空npm缓存的方法

S03 安装vue项目脚手架

vue安装命令如下:

sudo cnpm install -g @vue/cli

Mac 安装node npm cnpm vue 以及卸载 node 和 npm 的方法 清空npm缓存的方法

这里安装完毕

Mac 安装node npm cnpm vue 以及卸载 node 和 npm 的方法 清空npm缓存的方法

需要说明的是,截止目前,这里默认安装的版本是3.11.0

建议安装3.x的版本,不太建议使用2.x的版本


如果安装失败,可以使用以下命令清空 npm缓存

npm cache clean --force

如果你想卸载node以及卸载npm 可以使用以下命令

sudo npm uninstall npm -g
sudo rm -rf /usr/local/lib/node /usr/local/lib/node_modules /var/db/receipts/org.nodejs.*
sudo rm -rf /usr/local/include/node /Users/$USER/.npm
sudo rm /usr/local/bin/node
sudo rm /usr/local/share/man/man1/node.1
sudo rm /usr/local/lib/dtrace/node.d

如果你不放心,可以关机,重启启动以下

分别输入执行nodenpm,如果卸载成功,会显示command not found

Vue项目创建

1) 进入存放项目的目录
>: cd *** 2) 创建项目
>: vue create 项目名

然后就会显示如下界面:

首先,按 然后↩︎Enter ,选择手动配置。

Mac 安装node npm cnpm vue 以及卸载 node 和 npm 的方法 清空npm缓存的方法

(