node下各种常用插件列表

• react…目录

---

目录

* [1.nodemon](#1) * [2.mongoose](#2) * [3.babel-plugin-import](#3)

1.nodemon

简介： 由于node指令无法进行热部署，而在开发环境下，往往需要一个工具来自动重启项目工程，nodemon就应运而生了（还有很多其它工具）。 安装：

npm install -g nodemon

使用：

nodemon [yournodeapp]

#如果没有在应用中指定端口，可以在命令中指定
nodemon server.js localhost 8080

#可以运行 debug 模式
nodemon --debug server.js 80

#查看帮助
nodemon -h | -help

2.mongoose

简介： Mongoose是在node.js异步环境下对mongodb进行便捷操作的对象模型工具。 安装： ``` npm install mongoose --save ``` 使用： ``` const mongoose = require('mongoose') //连接mongodb const DB_Url='mongodb://localhost:27017/spongebob' mongoose.connect(DB_Url) mongoose.connection.on('connected',function(){ console.log('mongodb is connected'); })

//获取操作userInfo表的实例
const User=mongoose.model(‘userInfo’,new mongoose.Schema({
name:{type:String,require:true},
age:{type:Number}
}))
//新增数据
User.create({name:“spongebob”,age:18},function(err,doc){

})
//查询数据
User.find({},function(err,doc){

})

<h2 id="3">3.babel-plugin-import</h2>
简介：
Ant Design是蚂蚁金服基于react实现的一个UI 设计库，基于 npm + webpack + babel 的工作流，支持 ES2015。而babel-plugin-import 可以从组件库中仅仅引入需要的模块，而不是把整个库都引入，从而提高性能。
安装：

npm install babel-plugin-import --save

使用：
在package.xml文件中，babel节点下添加如下内容，在引入antd组件的时候就会默认引入对应的css文件，不需要单独写css文件的引入代码。

// style: true 会加载 less 文件
“plugins”: [
[“import”, { “libraryName”: “antd-mobile”, “style”: “css” }]
]

例：
![这里写图片描述](https://img-blog.youkuaiyun.com/20180411200821351?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTQyOTYzMTY=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
注意：如果webpack配置文件添加了vendor库，babel-plugin-import将不会工作。