1 创建VUE3 + VITE 项目

目录

安装管理工具

安装 node 

安装 yarn 

使用yarn过程中出现问题及解决方法

创建 Vue 3 + Vite  项目

---

安装管理工具

安装 node 

下载node 安装即可 node下载链接 

安装 yarn 

使用npm pnpm yarn 都可以，当下使用yarn，那么先安装yarn 

npm i yarn

使用yarn过程中出现问题及解决方法

注意这里后期如果出现 一下问题

yarn : 无法加载文件 C:\Users\xxxx\AppData\Roaming\npm\yarn.ps1

你可以尝试以下解决方案来解决该问题：

1. 打开 PowerShell 作为管理员。在开始菜单中找到 PowerShell，并右键单击它，然后选择 "以管理员身份运行"。

2. 在管理员模式下，运行以下命令来修改 PowerShell 的执行策略： 

   Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser
   

3. 当系统提示你确认更改时，输入 Y 并按下回车键,一般直接运行即可。

4. 现在，尝试再次运行 yarn 命令，看看问题是否已解决

创建 Vue 3 + Vite  项目

要创建一个 Vue 3 + Vite 项目，你可以按照以下步骤进行操作：

1. 确保你已经安装了 Node.js。你可以在终端中运行以下命令来检查是否已安装 Node.js：

   node -v

 2. 安装 vite。在终端中运行以下命令来安装 任选一个均可：

yarn create vite 

npm init vite@latest
pnpm create vite

 3. 创建新的 Vue 3 项目。输入名称：

4. 按上下方向键，再按回车选择vue。

5. 在接下来的选项中，使用上下箭头键来选择以下选项 这里选择JS/TS 按需求来即可：

6. 当你完成选择后，按回车键继续。

7. 然后cd进入到项目目录，输入yarn 或者 npm install，安装默认的依赖。

 yarn  或者 npm install

8. 等待依赖安装完成后，输入启动命令：npm run dev 启动项目，将链接复制到浏览器打开，就能看到新建的项目了。

打开浏览器访问如下

现在你已经创建了一个 Vue 3 + Vite   项目，并可以开始开发你的应用程序了