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

如图所示则安装成功

相关推荐
存在的五月雨几秒前
uniapp 一些组件的使用
java·前端·uni-app
涵涵(互关)1 分钟前
GoView各项目文件中的相关语法
前端·vue.js·typescript
佳xuan4 分钟前
QA与RAG检索
java·服务器·前端
z19408920664 分钟前
微软语音识别失败原因排查:从上传到获取文本的完整指南
前端·经验分享·语音识别
M ? A5 分钟前
Vue 转 React:toRaw(),VuReact 怎么处理?
前端·javascript·vue.js·经验分享·react.js·面试·vureact
久爱@勿忘6 分钟前
uniappH5跳转小程序
前端·小程序·uni-app
布局呆星3 小时前
Vue Router :基础使用与嵌套路由实战
前端·javascript·vue.js
小码哥_常9 小时前
安卓开发秘籍:解锁10大性能优化秘诀
前端
try2find10 小时前
打印ascii码报错问题
java·linux·前端
郑州光合科技余经理10 小时前
同城O2O海外版二次开发实战:从支付网关到配送算法
开发语言·前端·后端·算法·架构·uni-app·php