(1) 使用npm或yarn包管理工具都可以搭配Vite手动创建项目,具体命令如下。

使用npm create命令创建项目

npm create vite@latest

使用yarn create命令创建项目

yarn create vite
上述命令展示了两种包管理工具用于创建Vite项目,在使用时任选其一即可。npm create和yarn create命令后跟一个vite包名,表示初始化Vite。vite@latest表示在 npm中安装最新版本的Vite。

出现以下报错表示nodejs版本过低,卸载后重新安装20以上的版本
yarn create v1.22.18
[1/4] Resolving packages...
[2/4] Fetching packages...
error create-vite@5.2.1: The engine "node" is incompatible with this module. Expected version "^18.0.0 || >=20.0.0". Got
"13.14.0"
error Found incompatible module.
info Visit https://yarnpkg.com/en/docs/cli/create for documentation about this command.
1
创建成功,系统询问是否使用默认名称《vite-project》,按回车键,确认项目名称
请输入图片描述
选择项目名称后,还需要选择框架,此处选择vue
请输入图片描述
项目创建完成后的提示命令,具体命令解释如下
请输入图片描述

cd vite-project        # 切换到项目目录
yarn            # 安装项目的全部依赖
yarn dev                     # 启动服务

上述命令中,yarn dev命令是Vue3项目中package.json文件里面scripts节点配置的命令。除了yarn dev命令外,还有2个常用命令yarn build和yarn preview,它们分别表示构建生产环境项目和构建本地预览环境项目。这3个命令实际上都是别名,是为了便于开发人员记忆。当执行这3个命令时,yarn会读取当前项目的package.json文件中的命令配置,找到真正的命令并执行。

分类: 软件分享 标签: 暂无标签

评论

暂无评论数据

暂无评论数据

目录