node下各种常用插件列表

目录

• 1.nodemon
• 2.mongoose
• 3.babel-plugin-import

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){

})

3.babel-plugin-import

简介：
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" }] 
    ]

例：

注意：如果webpack配置文件添加了vendor库，babel-plugin-import将不会工作。