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

如图所示则安装成功

相关推荐
hhw19911239 分钟前
JavaScript知识点1
开发语言·前端·javascript
患得患失94942 分钟前
【前端】【功能函数】treeMapEach,对每个节点进行自定义转换的实用函数
前端
卡夫卡的小熊猫3 小时前
vue前端菜单权限控制
前端
祈澈菇凉4 小时前
什么是 Vue 的自定义事件?如何触发和监听?
前端·javascript·vue.js
2301_766536055 小时前
调试无痛入手
开发语言·前端
@大迁世界6 小时前
构建 Next.js 应用时的安全保障与风险防范措施
开发语言·前端·javascript·安全·ecmascript
IT、木易7 小时前
ES6 新特性,优势和用法?
前端·ecmascript·es6
is今夕7 小时前
postcss.config.js 动态配置基准值
javascript·vue.js·postcss
计算机软件程序设计8 小时前
vue和微信小程序处理markdown格式数据
前端·vue.js·微信小程序