Vue3：使用vue-cli和vite创建工程

最新推荐文章于 2024-04-03 17:40:39 发布

怕冷的火焰（~杰）

最新推荐文章于 2024-04-03 17:40:39 发布

阅读量413

点赞数 8

分类专栏： Vue 文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_50236973/article/details/134942714

版权

Vue 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

1. 使用vue/cli创建工程，安装脚手架（vue/cli命令行接口工具）command line interface
第一步：npm i -g @vue/cli      -- 全局安装vue，vue3需要4.5.0以上的版本才可以创建项目
第二步：vue create vue3_test    -- 创建项目
第三步：选择Default ([Vue 3] babel, eslint)，直接敲回车即可


2. 使用vite创建工程
注意：Vite 需要 Node.js 版本 18+，20+。然而，有些模板需要依赖更高的 Node 版本才能正常运行，当你的包管理器发出警告时，请注意升级你的 Node 版本。

第一步：
# npm 7+, extra double-dash is needed:
npm create vite@latest vue3_test_vite -- --template vue

# yarn
yarn create vite vue3_test_vite --template vue

# pnpm
pnpm create vite vue3_test_vite --template vue

# bun
bunx create-vite vue3_test_vite --template vue

第二步（进入项目内安装依赖）：npm i