Vue-用创建Vue 3项目(1)
(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.
创建成功,系统询问是否使用默认名称《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文件中的命令配置,找到真正的命令并执行。
本文系作者 @河马 原创发布在河马博客站点。未经许可,禁止转载。
暂无评论数据