mac 下vue环境搭建过程（包含node.js的安装以及踩坑）

环境安装

1.Mac OS系统安装 brew

打开终端运行以下命令:

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

2.

安装 nodejs

brew install nodejs

用 npm install [email protected] 更新 npm 版本报错:

(node:42) fs: re-evaluating native module sources is not supported.

解决办法:
在官网下载6.70的安装包再安装一次(刚刚相当于帮你配置好环境变量，现在再安装一次升级到最新的 npm)

• 好像以前官网的安装包不会自动配置环境变量的，由于我电脑上之前安装过 nodejs 所以环境变量已经配置好了，不知道现在的安装包会不会自动配置环境变量。

Windows 下直接下载安装包即可

3.

获取nodejs模块安装目录访问权限

sudo chmod -R 777 /usr/local/lib/node_modules/

注意：在安装这一步时，需要在终端输入密码，电脑开机密码，密码在终端上不显示，输入正确后，回车即可。

4.安装淘宝镜像

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

在安装过程中遇到了以下错误：

原因及解决：淘宝镜像安装权限不够

sudo chown -R $USER /usr/local

然后再执行相关命令即可。

5.安装webpack

cnpm install webpack -g

6.安装vue脚手架

npm install vue-cli -g