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

如图所示则安装成功

相关推荐
程序员Agions29 分钟前
useMemo、useCallback、React.memo,可能真的要删了
前端·react.js
David凉宸31 分钟前
Vue 3 + TS + Vite + Pinia vs Vue 2 + JS + Webpack + Vuex:对比分析
javascript·vue.js·webpack
滕青山31 分钟前
Vue项目BMI计算器技术实现
前端·vue.js
子兮曰36 分钟前
深入浏览器指纹:Canvas、WebGL、Audio是如何暴露你的身份的?
前端·浏览器·canvas
月亮补丁37 分钟前
AntiGravity只能生成 1:1 图片?一招破解尺寸限制
前端
何中应42 分钟前
MindMap部署
前端·node.js
boooooooom42 分钟前
Pinia必学4大核心API:$patch/$reset/$subscribe/$onAction,用法封神!
javascript·vue.js·面试
NAGNIP1 小时前
程序员效率翻倍的快捷键大全!
前端·后端·程序员
wxin_VXbishe1 小时前
C#(asp.net)学员竞赛信息管理系统-计算机毕业设计源码28790
java·vue.js·spring boot·spring·django·c#·php
一个网络学徒1 小时前
python5
java·服务器·前端