Windows下安装Vue

本文详细介绍了在Windows操作系统中安装Vue的步骤,包括从下载Node.js安装包到设置全局模块路径,安装cnpm(淘宝镜像),配置环境变量,直至最后安装Vue和vue-cli脚手架,为开发者提供了一站式的Vue开发环境搭建教程。
摘要由CSDN通过智能技术生成

一.下载安装包

前往Node.js官网下载:添加链接描述
在这里插入图片描述
下载如下:
在这里插入图片描述
双击执行安装,指定安装路径:
在这里插入图片描述
默认按安装全部组件:
在这里插入图片描述
安装成功:
在这里插入图片描述

二.设置nodejs prefix(全局)和cache(缓存)路径

1.在nodejs安装路径下,新建node_global和node_cache两个文件夹
在这里插入图片描述
2.设置缓存文件路径和全局模块存放路径
在这里插入图片描述

三.基于 Node.js 安装cnpm(淘宝镜像)

在这里插入图片描述

四.设置环境变量

设置环境变量可以使得在任意目录下都可以使用cnpm、vue等命令,而不需要输入全路径
1.鼠标右键"此电脑",选择“属性”菜单,在弹出的“系统”对话框中左侧选择“高级系统设置”,弹出“系统属性”对话框。修改系统变量PATH:
在这里插入图片描述
2.新增系统变量NODE_PATH
在这里插入图片描述

五.安装Vue

在这里插入图片描述

六.安装vue命令行工具,即vue-cli 脚手架

C:\Users\Administrator>npm install -g @vue/cli
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值