新手小白安装vue脚手架教程(在终端管理员中)

1.下载并安装Node.js

1.1浏览器中输入Node.js进行搜索，找到Node.js官网

1.2选择18.18.0版本进行下载

1.3下载完成后，点击打开文件，进行安装

1.4选择Next

1.5选择I accept，点击next

1.6更改存放位置，最好在D盘，点击next

1.7选择要安装功能的方式，我选的Add to PATH，点击next

各个功能安装内容:

Node.js runtime：安装核心Node.js运行时（Node.exe）

corepack manager:安装Node.js的通用包管理器corepack

npm package manager:安装推荐的Node.js包管理器npm

Online documentation shortcuts：添加开始菜单条目，链接Node.js的在线文档和Node.js网站

Add to PATH:将Node.js、npm和npm全局安装的模块添加到PATH环境变量中

1.8 点击next

1.9点击Install,完成之后,点击finish

1.10验证是否安装成功

鼠标右击  ，点击终端管理员

查看node版本验证：输入 node -v

node -v
v18.18.0

2.配置淘宝镜像源

下载一些国内外网站的组件，由于网站限制，国内不能访问，这时候需要配置淘宝镜像源。

npm config set registry https://registry.npm.taobao.org

3安装脚手架

3.1全局安装

进入终端管理员，输入

npm install -g @vue/cli

3.2等待一会，安装成功

出现如下界面：

3.3验证是否成功

3.3.1验证成功

输入vue，是否出现对应信息，如下

3.3.2验证失败

出现如下错误

vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，
然后再试一次。
所在位置 行:1 字符: 1
+ vue
+ ~~~
    + CategoryInfo          : ObjectNotFound: (vue:String) [], CommandNotFoundException
    + FullyQualifiedErrorId : CommandNotFoundException

解决办法：

（1）查看环境变量

npm config get prefix

 

（2）配置环境变量

设置——系统——系统信息——高级系统设置——环境变量——系统变量——Path——编辑——新建——输入刚刚查到的环境变量——确定——确定

完成配置

（3）再次验证，成功