前端相关

npm

2017-09-09  本文已影响2人  DeeJay_Y

npm是什么

Node Packcge Manager,node包管理器，主要功能是管理node包的安装，卸载，更新，查看，搜索，发布等。

npm官网

npm包的命令行指令

node包的安装分为本地安装和全局安装

安装之后，会在当前目录出现一个node_modules文件夹，当我们require('模块名')的时候，会先在当前目录下的node_modules文件夹下去找package.json文件中的main属性对应的参数js文件。去加载这个js文件作为模块。如果当前目录找不到node_modules就会向上一级去寻找到根目录.

几个demo演示npm的用法

// var aSayHello = require('./b');//得到的是exports对象，此时aSayHello不是一个函数，所以要写成
var aSayHello = require('./b').bSay; // 获取到的是exports对象，这个exports对象的bSay属性才是在b.js中定义的bSayHello函数
aSayHello();

b:js:

var bSayHello =  function () {
    console.log('hello deejay');
}
exports.bSay = bSayHello;

demo1里的注意事项，我们require得到的是exports这个对象，要使用赋给exports对象的属性，那就还要写上属性。另外require('./a')和require('./a.js')都是可以的，但是写成require('a')就是不对的。

a.js:

//根据文档用法来进行使用
var aMarked = require('marked');
var str = aMarked('# hello');
console.log(str);

demo2中的require('marked')，其中模块名就是npm安装的模块名，运行的时候会先在当前目录的node_modules文件夹下去找这个模块，如果找不到再去上一级目录去找，直到找到为止

var marked = require('marked');
var str = marked('# hello deejay');
console.log(str);

module.exports = str;

module.exports就是我们暴露出来可以给别人使用的东西。另外我们是在package.json中的main中指定了比人是从index.js中读取的，所以在index.js中写代码。那么我们在demo3中用到了marked的包，这个包是别人的，所以我们需要进行测试，将marked包下载下来，但是指令不一样，指令写成：npm install --save marked，下载下来我们发现package.json中多了dependencies的属性，包含了引用的包的名字以及版本号。这样，别人在使用我们自己发布的包的时候，不需要将我们的包中引用的包一个个下载下来，直接使用npm install就能安装所有引用的模块。
上传的时候，使用npm login来进行登录，然后进行npm publish上传我们的包

a.js:

#!/usr/bin/env node

console.log('hello');

#!/usr/bin/env node代表指明要用node来执行当前的文件。
设置package.json,添加bin属性
package.json:

{
  "name": "deejay-demo",
  "version": "1.0.0",
  "description": "print ''\u001b[Dhello'",
  "main": "./a.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "bin": {
    "deejay": "./a.js"
  },
  "author": "deejay",
  "license": "ISC"
}

bin属性中的deejay代表之后命令行的指令，发布之后全局安装到本地之后只需要输入deejay就会使用node运行"./a.js"。
安装时提示有：
C:\Users\DeeJay_Y\AppData\Roaming\npm\deejay -> C:\Users\DeeJay_Y\AppData\Roaming\npm\node_modules\deejay-demo\a.js
那么C:\Users\DeeJay_Y\AppData\Roaming\npm\node_modules就全是全局命令行工具所在的地方，npm install -g就是安装到这里的。
注意：这里的全局安装之后，如果不是在当前目录下的文件的话，要使用模块的话是require不到的。因为require只会在当前目录一级一级直到跟目录，是找不到-g下的目录的。

process.argv

process模块用来与当前进程互动，可以通过全局变量process访问，不必使用require命令加载。它是一个EventEmitter对象的实例。

process.argv返回命令行脚本的各个参数组成的数组。

先初始化package.json,然后加个bin属性：
package.json

{
  "name": "deejay-weather",
  "version": "1.0.0",
  "description": "'weather-forecast'",
  "main": "./weather.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "bin": {
    "weather": "./weather.js"
  },
  "author": "deejay",
  "license": "ISC",
  "keywords": [
    "weather"
  ],
  "dependencies": {
    "axios": "^0.16.2"
  }
}

weather.js:

使用axios来发送请求获得数据

#!/usr/bin/env node

var axios = require('axios');
// console.log(process.argv); // process.argv[2]代表了当前用户输入的weather 后面的目标城市


var data = {}; //用来存储用户输入的目标城市的天气
if (process.argv[2]) { // 即如果用户输入了目标城市的话
    data.params = {
        city: process.argv[2],
    }
}

axios.get('http://api.jirengu.com/weather.php', data)
    .then(function (response) {
        var weather = response.data.results[0].weather_data[0];
        console.log(response.data.results[0].currentCity);
        console.log('pm2.5: ' + response.data.results[0].pm25);
        console.log(weather.date);
        console.log(weather.temperature);
        console.log(weather.weather);
    })
    .catch(function (error) {
        console.log(error);
    });

PS：关于package.json中的script。

可以执行一些全局的代码或者是命令行。

"scripts": {
    "test": "echo deejay",
    "start": "echo hello"
},

其中test和start是默认的，可以直接通过npm test和npm start来运行。
但是如果要添加新的命令，如build,就只能通过npm run build来运行。

上一篇下一篇

猜你喜欢

热点阅读