1、安装 brew,这个简单,直接执行远程脚本
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
2、安装 nodejs,这一步时间可能略长(执行时间长短也有可能跟网络有关系)
brew install nodejs
3、获取nodejs模块安装目录访问权限
sudo chmod -R 777 /usr/local/lib/node_modules/
4、安装淘宝镜像,国内直接使用 npm 的官方镜像是非常慢的,所以这里使用淘宝 NPM 镜像
1)更改npm源:
npm config set registry https://registry.npm.taobao.org
(2)配置后可通过下面方式来验证是否成功,如果显示“https://registry.npm.taobao.org”则说明配置成功
npm config get registry
(3)然后安装淘宝的cnpm(如果该步骤报错“rollbackFailedOptional”,可以尝试执行步骤4或步骤5,否则跳过步骤4或步骤5)
npm install -g cnpm --registry=https://registry.npm.taobao.org
(4)先删除原有的所有代理,再重新安装淘宝的cnpm
npm config rm proxy npm config rm https-proxy npm install -g cnpm --registry=https://registry.npm.taobao.org
(5)报错“rollbackFailedOptional”,还可能是权限问题,用sudo执行:
sudo npm install -g cnpm --registry=https://registry.npm.taobao.org
以下是安装淘宝cnpm成功的结果:
MacBook-Pro:~ hu$ sudo npm install -g cnpm --registry=https://registry.npm.taobao.org npm WARN deprecated [email protected]: If using 2.x branch, please upgrade to at least 2.1.6 to avoid a serious bug with socket data flow and an import issue introduced in 2.1.0 /usr/local/bin/cnpm -> /usr/local/lib/node_modules/cnpm/bin/cnpm + [email protected] added 632 packages from 843 contributors in 22.264s
5、用淘宝的cnpm安装vue
cnpm install vue cnpm install --global vue-cli
到这里vue.js环境就算ok了。