VUE环境搭建

一、安装node.js

node是vue的运行环境
1.Node.js 官方网站下载地址:https://nodejs.org/en/
打开官网,点击Download,选择操作系统对应的安装包包,下载。
在这里插入图片描述
2.安装
打开安装,一直下一步安装,可以选择安装路径
在这里插入图片描述
勾选下面复选框后,默认填写环境变量
在这里插入图片描述
安装成功后,文件夹结构如下,并在上面安装过程中已自动配置了环境变量和安装好了npm包。
在这里插入图片描述

二、验证安装结果

分别dos命令行窗口执行,查看node和npm版本号,则安装成功:
node -v
npm -v
在这里插入图片描述

三、配置npm全局安装路径和缓存路径

因为在执行例如npm install webpack -g等命令全局安装的时候,默认会将模块安装在C:\Users\用户名\AppData\Roaming路径下的npm和npm_cache中,不方便管理且占用C盘空间。
以这里配置自定义的全局模块安装目录,在node.js安装目录下新建两个文件夹 node_global和node_cache,然后在cmd命令下执行如下两个命令:

npm config set prefix “F:\installs\nodeJS\node_global”

npm config set cache “F:\installs\nodeJS\node_cache”
在这里插入图片描述

四、配置环境变量

以管理员

五、验证变量配置结果

用管理员的命令窗口执行安装命令,否则会存在文件夹权限问题
在这里插入图片描述
执行命令:npm install express -g
在这里插入图片描述

六、更换npm镜像为淘宝镜像

用管理员的命令窗口执行命令:
npm config set registry http://registry.npm.taobao.org/

在这里插入图片描述

七、安装vue脚手架

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值