创建vue3项目

创建Vue 3项目可以通过多种方式完成，但最常用和推荐的方法是使用Vue CLI（Vue的命令行工具）或Vite。下面分别介绍这两种方法：

使用Vue CLI

1. 安装Node.js和npm：
   确保你的电脑上安装了Node.js和npm。Vue CLI是通过npm安装的。

2. 全局安装Vue CLI：
   打开命令行工具（如cmd、Terminal或PowerShell），运行以下命令来全局安装Vue CLI：

   bash复制代码

   npm install -g @vue/cli

   或者，如果你使用yarn作为包管理器，可以运行：

   bash复制代码

   yarn global add @vue/cli

3. 创建一个新的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）。

1. 全局安装Vite（可选，但推荐局部安装）：

   bash复制代码

   npm create vite@latest my-vue3-project -- --template vue

   或者，如果你已经全局安装了Vite，可以直接运行：

   bash复制代码

   vite create my-vue3-project --template vue

2. 进入项目并安装依赖：

   bash复制代码

   	cd my-vue3-project
   	npm install

3. 运行项目：

   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）！