1）安装Node,
sudo npm cache clean -f sudo npm install -g n sudo n stable // latest stable version sudo n lates //update to the latest version
如果没有npm 要事先补一下，
在Mac上homebrew (packge manager) 是内绑的，用homebrew安装node,得到一个版本不太高Node和npm
brew install node
然后更新npm 版本：
npm install -g npm
再到step1 更新node
目前最新版本：node: 12.4.0, npm: 6.9.0
- 安装vue-cli
vue-cli 是vue的前端脚手架，能够帮助自动创建项目folder和相关的缺省配置文件，包含webpack，这个原来想找个更简洁的办法，但似乎没有。
有人推荐先不用vue-cli,但我试了之后，如果像用jquery那样在html中绑定online的vue.js,效率太低，我需要hot-load online dev server,还是需要这个脚手架。
安装：
npm install -g @vue/cli
这里马上会报一大堆错，大意是permission denied,换成：
sudo npm install -g @vue/cli
仍然是一大堆permission access 的问题，以下两个folder 是不可以用以下命令
sudo chmod -R ugo+rw /usr/loca/bin sudo chmod -R ugo+rw /usr/local/lib/node_modules
发生这个错误的原因是npm 的权限不够
但仍然还有permission 问题，因为lib下的很多module指向Cellar 那个目录，而这个目录homebrew设定的权限很高，即使是管理员的user也无法RW，
用以下方法：
sudo chown -R "$USER": admin /usr/local/Cellar sudo chmod -R ugo+rw /usr/local/Cellar
然后再次执行：
npm install -g@vue/cli
vue-cli 安装成功
スクリーンショット 2019-06-22 17.36.03.png
3） 安装 @vue/cli-service-global
这个service用于直接执行vue serve , vue build而不需要依赖于本地环境
スクリーンショット 2019-06-22 17.43.25.png
参考：
https://forum.vuejs.org/t/vue-cli-installation-fails-on-macos-mojave-10-14/45712/10
https://stackoverflow.com/questions/16432071/how-to-fix-homebrew-permissions
到这里并没有结束，后来发现vue-cli2 下面create新项目，会hang 掉，使用了很多办法都不太管用。
查了一些文献，需要把node删除重装，因为homebrew 安装的node似乎不太匹配。随时更新。
网友评论