mac环境下安装node，更换npm为淘宝源并命名为cnpm，安装vue-cli并更换为4.x版本，并使用vue ui 图形化页面创建使用vue项目

1.先安装node.js(下载完成后一键安装，完事使用 node --version查看版本信息)

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

2.更换npm安装源，并命名为cnpm

1）更换(更换完成后，使用cnpm --version检查，若报找不到此命令执行第二步)

sudo npm install -g cnpm --registry=https://registry.npmmirror.com

2）配置全局变量(先注意观察命令行使用什么脚本运行的命令，我这里是zsh，bash也是如此设置)

(1)编辑全局文件

vim ~/.zsh_profile

 

(2)添加环境变量

export PATH=/Users/felix/.npm-global/lib/node_modules/cnpm/bin:$PATH

 

(3)刷新全局变量

source ~/.zsh_profile

 

3.安装vue-cli(安装完使用 vue --version查看)

sudo cnpm install -g @vue/cli

 

1）若提示没有此命令，配置环境变量(需要自己清楚vue-cli的安装目录，一般执行安装命令后，最后一行会提示)

export PATH=/Users/felix/.npm-global/bin:$PATH

 

 

4.安装最新版的vue-cli(若第3步，查看版本信息为2.9.x，需要卸载重新安装)

1）卸载原来的vue-cli

sudo cnpm uninstall vue-cli -g

 

2）重新安装

sudo cnpm install -g @vue/cli

 

5.运行vue ui