Vue环境的yarn管理包下，项目创建问题（一）yarn管理包下对vue项目的创建。前提是已经下载安装好node软件，与

前提概要：已经在官网下载完毕，偶数版本的nopde，并下载安装完毕。接下来进入命令行的教程：

众所周知，npm和yarn是两种JavaScript软件包管理工具。本文描述yarn管理包作为基础条件下，vue项目的创建：

1.验证node以及npm是否安装成功：

图1.png 在安装node的同时通常都会进行npm管理包的安装；

2.安装yarn管理包`npm install yarn -g`:

图2.png 在输入命令行安装完毕后，yarn -v进行验证是否安装成功;

3.通过yarn创建vue项目`yarn create vite`:

图3.png 如图，创建项目失败，错误指出文件名、目录名或卷标语法不正确。结合命令行来看，是路径的指向为空白，根据网上的博主做出如下更改：
1>.查询yarn的dir以及bin所在路径，如下：
yarn global bin
yarn global dir

图4.png 2>.更改yarn的dir以及bin所在路径，如下：

yarn config set global-folder "D:\Node.js\node_global\node_modules\yarn"
yarn config set cache-folder "D:\Node.js\node_global\node_modules\yarn"

命令中的路径需要查看自己的文件夹进行判断，我的yarn包没有在node安装文件夹里，在系统生成的另一个文件夹内。

图6.png

图7.png 3>.路径更改成功后，创建项目，出现界面如下：

图8.png 接下来回归正题，创建项目。

4.命令行创建项目:

success Installed "create-vite@5.2.3" with binaries:
      - create-vite
      - cva
√ Project name: ... vuetest//项目名称
√ Select a framework: » Vue//编写使用框架
√ Select a variant: » JavaScript//编写使用语言

Scaffolding project in C:\WINDOWS\system32\vuetest...

图9.png

5.切换到项目目录下，运行项目:

yarn
yarn dev
运行成功后在浏览器输入网址，即可打开项目，如图：

图10.png 网速要好，网速不行就换个网试试。

图11.png 项目建立成功。

Vue环境的yarn管理包下，项目创建问题（一）