如何创建一个基于vite的vue项目

一、创建前的说明

在这篇文章中，我们将介绍如何在本地搭建 Vue项目。创建的项目将使用基于 Vite 的构建设置。

在创建之前要确保自己装了Node.js。

以下是基于vscode 进行的项目创建。

二、开始创建

在命令行中运行以下命令： npm create vue@latest

 这一指令将会安装并执行 create-vue，它是 Vue 官方的项目脚手架工具。你将会看到一些诸如 TypeScript 和测试支持之类的可选功能提示：

 选择完后会出现以下命令行，顺序执行即可

 cd vue-vite：跳转到指定的文件目录

npm install：用于在当前项目中安装所需的依赖包。通过运行 npm install，你可以自动安装项目所需的所有依赖项。

npm run format：这个命令用于格式化代码，使其遵循一致的风格和规范。（这个可能没有显示 可以直接跳过这行命令）

npm run dev：这个命令用于启动项目的开发服务器或者进行开发环境的构建

 

 三、创建成功

运行完npm run dev

 

 出现这个页面，一个基本的vite的vue项目就建好了。 可以开始自己的项目了。

 

 

四、注意事项

如果无法执行代码可试试管理员身份打开vscode