创建一个新的 Vite + Vue.js 项目的步骤如下:

先决条件

确保你已经在计算机上安装了最新版本的 Node.js 和 npm。 这是因为我们将使用 npm 来安装 Vite

步骤

  1. 全局安装 Vite

    首先,我们需要全局安装 Vite。打开你的终端或命令提示符并运行以下命令:

    npm install -g create-vite

 

创建新项目

使用以下命令创建一个新的 Vite 项目。将 my-vue-project 替换为你想要的项目名称。

create-vite my-vue-project --template vue

 

  1. 这将使用 Vue 模板创建一个新的 Vite 项目。

  2. 进入你的项目文件夹

  3. cd my-vue-project

 

安装依赖

在该项目中运行以下命令以安装所有必要的依赖项:

npm install

 

启动服务器

现在,你可以启动项目了。只需运行以下命令在本地启动 Vite 服务器:

npm run dev
  1. 服务器启动后,应用程序将在浏览器中自动打开。

现在,你已经成功搭建了一个基于 Vite 和 Vue.js 的项目。你可以开始进一步开发你的应用程序了。

 

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐