目录
* [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.csdn.net/20180411200821351?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTQyOTYzMTY=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
注意:如果webpack配置文件添加了vendor库,babel-plugin-import将不会工作。