📅 最后修改于: 2023-12-03 14:48:22.671000 🧑 作者: Mango
Vue 是一种流行的 JavaScript 框架，可用于构建现代 Web 应用程序。Vue CLI 是一个命令行实用程序，用于快速生成 Vue 项目的基础代码。在这篇文章中，我们将介绍如何使用 Vue CLI 创建一个 JavaScript 项目，并探讨它的各个方面。
在安装 Vue CLI 之前，请确保以下软件已在您的计算机上安装好：
要检查您是否已安装这些软件，请在终端中运行以下命令：
node --version
npm --version
要安装 Vue CLI，请在终端中运行以下命令：
npm install -g @vue/cli
这将安装最新版本的 Vue CLI。您还可以使用不同的 Node.js 版本管理器（如 nvm）来安装它。
使用 Vue CLI 创建新项目时，您可以选择从不同的模板中进行选择。 Vue CLI 提供了许多官方模板，包括 Webpack、Browserify 和 PWA（渐进式 Web 应用程序）等。
要创建一个新项目，请在终端中运行以下命令：
vue create my-project
其中 my-project 是您的项目名称。此命令将提示您选择要使用的模板。默认情况下，Vue CLI 会使用 “default (babel, eslint)” 模板。您可以按照提示进行选择，或按 Enter 键接受默认选项。
要运行您的新应用程序，请使用终端中打开您的项目目录，并运行以下命令：
cd my-project
npm run serve
此命令将启动开发服务器，并将您的应用程序运行在 http://localhost:8080 上。您现在可以在浏览器中打开该 URL，查看您的 Vue 应用程序。本地开发服务器将自动重新编译您的应用程序，因此您可以更改代码并立即查看结果。
要为生产环境构建和部署您的应用程序，请在项目目录中运行以下命令：
npm run build
此命令将使用 Webpack 打包您的应用程序，并将所有文件放在 dist/ 文件夹中。您可以将此文件夹中的所有文件部署到 Web 服务器上（如 Apache 或 Nginx）。或者，您也可以将此文件夹中的文件放在静态文件托管服务（如 Netlify 或 Surge）中。
Vue CLI 是一个强大的命令行实用程序，用于帮助您快速轻松地创建 Vue 应用程序。如果您想从头开始构建现代 Web 应用程序，Vue CLI 是一个必不可少的工具。 我们希望这篇文章可以帮助您了解如何使用 Vue CLI 创建 JavaScript 项目。