ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

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

2021-10-09 14:04:27  阅读:177  来源: 互联网

标签:npm vue cli cnpm -- 更换 安装


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

 

 

 

标签:npm,vue,cli,cnpm,--,更换,安装
来源: https://www.cnblogs.com/newsss/p/15385372.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有