创建vue3项目
创建Vue 3项目可以通过多种方式完成，但最常用和推荐的方法是使用Vue CLI（Vue的命令行工具）或Vite。下面分别介绍这两种方法：
使用Vue CLI
-
安装Node.js和npm：
确保你的电脑上安装了Node.js和npm。Vue CLI是通过npm安装的。 -
全局安装Vue CLI：
打开命令行工具（如cmd、Terminal或PowerShell），运行以下命令来全局安装Vue CLI：bash复制代码npm install -g @vue/cli或者，如果你使用yarn作为包管理器，可以运行：
bash复制代码yarn global add @vue/cli -
创建一个新的Vue 3项目：
使用Vue CLI创建一个新项目，并在创建时指定Vue 3。你可以通过以下命令来创建项目，并自动选择Vue 3（CLI会询问你使用哪个版本的Vue）：bash复制代码vue create my-vue3-project在命令执行过程中，CLI会询问你几个问题，包括是否要预设（preset），你可以选择默认的（包含Babel, ESLint等）或者手动选择特性。当询问关于Vue版本时，确保选择Vue 3。
如果你想要直接创建一个Vue 3项目而不经过交互式选择，可以使用
@vue/cli-plugin-vue-next插件：bash复制代码vue create my-vue3-project --preset default-preset --default注意：这个命令可能不直接支持Vue 3的预设，因此最好在CLI的交互式界面中指定Vue 3。
或者，你也可以在
vue create命令后通过cd进入项目目录，然后运行vue add vue-next来将项目升级到Vue 3。
使用Vite
Vite是一个现代化的前端构建工具，它提供了更快的冷启动和即时模块热更新（HMR）。
-
全局安装Vite（可选，但推荐局部安装）：
bash复制代码npm create vite@latest my-vue3-project -- --template vue或者，如果你已经全局安装了Vite，可以直接运行：
bash复制代码vite create my-vue3-project --template vue -
进入项目并安装依赖：
bash复制代码cd my-vue3-projectnpm install -
运行项目：
bash复制代码npm run dev
Vite创建的Vue项目默认就是Vue 3项目，因此你不需要像使用Vue CLI那样在创建后手动升级到Vue 3。
总结
根据你的喜好和具体需求，你可以选择使用Vue CLI或Vite来创建Vue 3项目。Vue CLI提供了更多的预设和插件支持，适合需要更多定制和插件的复杂项目。而Vite则以其快速的启动速度和即时模块热更新功能，成为现代前端项目开发的热门选择。
原文地址：https://blog.csdn.net/2301_78133614/article/details/140612819
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！