mac解决删除cli2报错:permission denied, access ‘/usr/local/lib/node_modules/vue-cli/node_modules/ansi-wrap‘

vue脚手架3安装及卸载vue-cli报错的解决

vue cli3安装官方描述:

程序包名称从更改vue-cli为@vue/cli。如果vue-cli已全局安装了以前的(1.x或2.x)软件包,则需要先使用npm uninstall vue-cli -g或卸载它yarn global remove vue-cli。Vue CLI需要Node.js 8.9或更高版本(建议使用8.11.0+)。安装:npm install -g @vue/cli

由于我之前在mac笔记本上安装过脚手架2,所以要使用脚手架3就必须要将之前的2卸载,但是在执行卸载命令的时候报错:
mac解决删除cli2报错:permission denied, access ‘/usr/local/lib/node_modules/vue-cli/node_modules/ansi-wrap‘
报错原因是当前用户没有权限删除vue-cli文件夹下的内容,解决办法是在npm卸载命令前加上sudo,以管理员的身份来执行:
mac解决删除cli2报错:permission denied, access ‘/usr/local/lib/node_modules/vue-cli/node_modules/ansi-wrap‘
命令执行成功,vue-cli被成功删除:
mac解决删除cli2报错:permission denied, access ‘/usr/local/lib/node_modules/vue-cli/node_modules/ansi-wrap‘
cli2卸载成功后执行 npm install -g @vue/cli命令,即可完成脚手架3的安装,但是脚手架2与脚手架3创初始化目的方式不同,如果想在创建项目的时候二者皆可使用,需拉取 2.x 模板进行兼容:
npm install -g @vue/cli-init

最后初始化项目按照自己项目需要选择相应的特性即可
cli2初始化项目:
vue init webpack my-project
cli3初始化项目:
vue create my-project