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

2021/10/9 14:18:32

本文主要是介绍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

 

 

 



这篇关于mac环境下安装node,更换npm为淘宝源并命名为cnpm,安装vue-cli并更换为4.x版本,并使用vue ui 图形化页面创建使用vue项目的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程