您的位置:首页 > 新闻 > 热点要闻 > Vue前端工程化 安装Vue-Cli与node.js 最详细步骤(带图展示)

Vue前端工程化 安装Vue-Cli与node.js 最详细步骤(带图展示)

2024/12/27 22:50:16 来源:https://blog.csdn.net/2301_80035882/article/details/140632666  浏览:    关键词:Vue前端工程化 安装Vue-Cli与node.js 最详细步骤(带图展示)

一、安装NodeJS

1.官网下载

https://nodejs.org/zh-cn

2.直接从百度网盘中提取安装

链接:https://pan.baidu.com/s/1OKhHZUwPCLamvd_08Vxx0g 
提取码:61rw

3.开始安装

二、验证NodeJS环境变量

1.Win + R 输入cmd打开控制面板

2.输入

node -v

如果出现版本号,如v12.22.0 则说明安装成功

三、配置npm全局安装路径

1.管理员运行cmd

2.输入指令

npm config set prefix "E:\develop\NodeJs"

其中 "E:\develop\NodeJs" 是你Nodejs下载安装到的那个文件地址

紧接着输入指令验证是否安装成功

npm config get prefix 

如图所示安装成功

四、切换npm淘宝镜像,加快后期下载

1.输入指令

npm config set registry http://registry. npm. taobao. org

2.清理npm缓存

npm cache clean-force

3.开始安装Vue/Cli

再次输入指令

npm install -g @vue/cli

等待安装

五、确认Vue/Cli是否安装成功

输入指令

vue --version

如图所示则安装成功

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com