npm 是 JavaScript 中最大的包管理器之一，它使开发者在项目中便捷地使用各种依赖包。其中， leanfj-boilerplate 是一个高效的前端工作流模板，它可以提升一个 Web 项目的开发体验。本文将会详细介绍如何使用和配置 leanfj-boilerplate。
安装
仅需使用以下命令即可安装 leanfj-boilerplate：
npm install -g leanfj-boilerplate
安装成功后，我们就可以随时随地使用 leanfj-boilerplate来构建自己的前端项目。
使用
我们可以使用以下命令初始化项目：
leanfj init my-project
这条命令将会启动一个交互式的命令行环境，缺省的项目结构如下：
my-project/ ├── src/ │ ├── index.html │ └── index.js ├── package.json └── README.md
运行 npm install 安装依赖并启动项目，然后可以在浏览器中访问 http://localhost:8080 即可看到初始项目。
开发模式
可以执行以下命令启动开发模式：
npm run dev
开发模式下，我们可以随意修改代码并保存，浏览器会快速更新。此外，我们还可以查看控制台输出日志来找出潜在的错误。
构建生产环境
通过执行以下命令我们可以构建项目的生产版本：
npm run build
在这个过程中， leanfj-boilerplate 将会生成一个压缩并优化过的文件，并将它们打包到 dist 目录下。我们可以使用这个版本来部署我们的项目。
结尾
leanfj-boilerplate 提供了一种快速开发前端项目的方法，这样我们就可以更专注于功能开发而非代码复用和构建。同时，学会使用 leanfj-boilerplate 还能提升我们的前端开发技术和开发速度，是值得学习和尝试的。
示例代码
以下是一个基于leanfj-boilerplate的简单 HTML 和 JavaScript 页面：
-- -------------------- ---- -------
---- ---------- ---
--------- -----
------
------
------------ -------------
----- ----------------
-------
------
------- ------------------------
-------
-------// index.js
console.log('Hello World!');来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005562e81e8991b448d3179