前言
在前端开发中，我们常常需要创建一个新的项目，而每次手动创建项目是一件很繁琐的工作，为了避免重复劳动，npm 提供了一个名为 generator-andari-app 的包，使我们能够快速创建一个新的项目。本篇文章就来介绍一下如何使用这个包。
需要的工具
在开始之前，需要确保以下工具已经安装到你的电脑上：
- Node.js
- npm
安装 generator-andari-app
在开始使用 generator-andari-app 之前，需要先安装它到你的电脑上。可以通过以下命令来安装：
npm install -g yo generator-andari-app
安装完成后，可以通过以下命令来检查是否安装成功：
yo andari-app
如果出现以下提示，就表示安装成功了：
generator-andari-app
创建一个新项目
接下来就可以使用 generator-andari-app 创建一个新的项目了。使用以下命令来创建一个新的项目：
yo andari-app my-new-app
其中 my-new-app 为你的项目名称。命令执行完成后，会在当前目录下创建一个新的 my-new-app 目录，目录中包含了一个基本的项目结构。
项目结构
生成的项目结构如下所示：
-- -------------------- ---- -------
-----------
--- ---------
--- -------------
--- ------------
--- -------
- --- -----------
- --- ----------
- --- -------------
--- ----
--- -------
--- ------
--- -----------
--- ---------
--- --------
--- --------
--- ----------------其中：
- README.md：项目的说明文件。
- node_modules/：存放项目依赖的模块。
- package.json：项目的配置文件。
- public/：项目的公共资源目录。
- src/：存放项目源代码。
运行项目
使用以下命令来启动开发服务器：
npm start
命令执行完成后会自动打开浏览器，并在 http://localhost:3000/ 上启动项目。
构建项目
当需要将项目部署到生产环境中时，需要先构建项目。使用以下命令来构建项目：
npm run build
命令执行完成后会在项目目录下生成一个 build 目录，该目录中包含了打包后的文件。
结语
本文介绍了如何使用 generator-andari-app 创建一个新项目，并简要介绍了项目的结构以及如何运行或构建项目。希望本文能够帮助到大家，如果有什么问题或建议，欢迎在评论区留言。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562d781e8991b448e034d