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

如图所示则安装成功

相关推荐
kooboo china.9 分钟前
Tailwind CSS 实战:基于 Kooboo 构建 AI 对话框页面(八):异步处理逻辑详解
前端·css·人工智能·编辑器·html·交互
天涯学馆12 分钟前
工厂模式在 JavaScript 中的深度应用
前端·javascript·面试
crary,记忆17 分钟前
Angular中Webpack与ngx-build-plus 浅学
前端·webpack·angular·angular.js
陪我一起学编程30 分钟前
关于nvm与node.js
vue.js·后端·npm·node.js
程序猿小D32 分钟前
第22节 Node.js JXcore 打包
开发语言·人工智能·vscode·node.js·c#
2401_8784545332 分钟前
node.js的初步学习
学习·node.js
烛阴1 小时前
告别原生Cookie:js-cookie如何实现Cookie的优雅管理
前端·javascript
Allen Bright1 小时前
【HTML-16】深入理解HTML中的块元素与行内元素
前端·html
前端卧龙人1 小时前
受够了webpack的速度,我选择了vite重构vue2项目
前端
巛、1 小时前
ES6面试题
前端·面试·es6