在前端开发中，经常会用到一些公共的代码库，如 jQuery 等。npm 是当前流行的 JavaScript 包管理工具，可以快速方便地安装和管理这些库，从而提高开发效率。在本文中，我将介绍一个名为 lego-vendors 的 npm 包，它包括了一些前端开发中常用的工具库和插件，如 lodash、moment 等，帮助你快速搭建项目。
npm 包介绍
lego-vendors 是一个包含常用工具库和插件的 npm 包，包括以下内容：
- lodash - JavaScript 实用工具库；
- moment - 日期处理库；
- jquery - JavaScript 库，用于简化 HTML 文档的操作；
- axios - Promise based HTTP client for the browser and node.js；
- normalize.css - CSS reset 库。
这些工具库和插件都非常流行，功能强大，可以大大提高前端开发效率。
安装 lego-vendors
在使用 lego-vendors 之前，需要先安装它。在命令行中执行以下命令：
npm install lego-vendors --save
这将会安装 lego-vendors 包，并把它添加到 package.json 的 dependencies 中。
使用 lego-vendors
在安装 lego-vendors 之后，可以在代码中使用其中的工具库和插件了。
lodash
lodash 是一个流行的 JavaScript 实用工具库，提供了许多方便的方法，如数组去重、数据类型判断、对象属性合并等等。在代码中可以通过以下方式使用 lodash：
const _ = require('lodash');
const arr = [1, 2, 2, 3, 4];
console.log(_.uniq(arr)); // [1, 2, 3, 4]moment
moment 是一个流行的日期处理库，提供了方便的日期格式化、日期计算等方法。在代码中可以通过以下方式使用 moment：
const moment = require('moment');
const date = moment('2022-01-01');
console.log(date.format('YYYY-MM-DD')); // 2022-01-01
console.log(date.add(1, 'day').format('YYYY-MM-DD')); // 2022-01-02jquery
jquery 是一个流行的 JavaScript 库，用于简化网页 HTML 文档的操作，提供了方便的 DOM 操作、事件处理等方法。在代码中可以通过以下方式使用 jquery：
const $ = require('jquery');
$('body').append('<p>Hello world!</p>');axios
axios 是一个流行的基于 Promise 的 HTTP 客户端库，用于浏览器和 node.js 中发送和处理 HTTP 请求和响应。在代码中可以通过以下方式使用 axios：
const axios = require('axios');
axios.get('/api/users').then(response => {
console.log(response.data);
})normalize.css
normalize.css 是一个流行的 CSS reset 库，用于规范化不同浏览器之间的样式，解决不同浏览器之间的表现差异。在代码中可以通过以下方式使用 normalize.css：
@import '~normalize.css/normalize.css';
以上是 lego-vendors 中常用的几个工具库和插件，使用起来都非常方便。在实际项目中，可以根据需要按需引用它们，减少项目的代码量和开发时间。
总结
lego-vendors 是一个包含常用工具库和插件的 npm 包，适用于前端开发中快速搭建项目。本文介绍了 lego-vendors 的安装和使用方法，并详细介绍了其中常用的几个工具库和插件，希望对读者有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600554ca81e8991b448d1fbc