vue--下载安装

一、下载安装node.js

1、node.js各版本下载地址

1)
node.js历史版本下载

这个是官网全版目录,下载太慢(一般下载不了);但是它写了所有nodejs和npm相互对应的版本,可以以此为参考、防止版本不对应;

2)这里有一个快速下载地址,只有16.17.0这个版本,但这个版本是长期支持的;对应npm8.15.0
nodejs16.17.0下载地址

3)建议下载.zip 或者 .7z版本,直接在指定位置解压就可以用;
安装完成后,把nodejs的安装路径配置到path。
打开cmd检查版本,确认是否安装成功。
vue--下载安装_第1张图片

2、修改缓存、依赖的的存放目录

在vue的使用过程中,需要频繁的下载依赖、缓存,这些东西默认是安装到c盘指定目录下;如果不想放在c盘,需要设定缓存、依赖的存放位置。
1)在nodejs安装目录下,新建两个文件夹,名字如图示
vue--下载安装_第2张图片
2)打开cmd,分别执行两条命令

npm config set cache "D:\D_SoftWare\33_nodejs\node-v16.17.0-win-x64\node_cache"

npm config set prefix "D:\D_SoftWare\33_nodejs\node-v16.17.0-win-x64\node_global"

执行完成后检查是否成功

npm config get cache

npm config get prefix

如下图就是执行成功
vue--下载安装_第3张图片
3)给两个文件夹设置环境变量
vue--下载安装_第4张图片

3、安装淘宝镜像

因为原镜像在国外,访问很慢;所以需要安装淘宝镜像

#安装命令
npm config set registry https://registry.npm.taobao.org

#查询
npm config get registry

vue--下载安装_第5张图片

二、安装vue及vue/cli

在cmd执行命令,安装vue

npm install vue -g

再执行安装vue/cli的命令

npm install -g  @vue/cli

vue--下载安装_第6张图片

查看

vue -V

vue--下载安装_第7张图片
至此,vue环境安装完成。

你可能感兴趣的:(前端,vue.js,npm,javascript)