使用node.js開發命令行工具(一)建立與發佈

在前端工程化的大環境下,合理運用node和npm script,能夠大大提升咱們的開發效率,那麼怎麼才能開發一個本身的node工具呢?前端

準備工做

確保本身有node環境,而且node已經配置到環境變量。沒安裝的能夠到官網下載或者國內鏡像下載vue

第一行node代碼

  • 新建一個js文件,好比: hello.js
  • 在js文件中鍵入console.log('hello world!'),保存。
  • 在打開控制檯,切換到hello.js所在的目錄,執行node ./hello.js命令中。

執行完上面的最後一步命令後,就能夠看到控制檯執行了咱們的js文件,輸出hello world了。node

強大的nodejs

咱們已經寫出了咱們的第一個node應用,想要作出更復雜更強大的應用,也只是時間問題了。不過,nodejs除了語法和瀏覽器端的同樣,api和瀏覽器端是徹底不同的,nodejs沒有瀏覽器端的bom和dom對象,取而代之的是操做系統api和一些工具包,詳細的api文檔能夠查看英文文檔或者中文文檔npm

命令行工具

當咱們開發好node程序以後,能不能不通過node,直接像vue/cli這種cli工具那樣,輸入hello執行咱們剛剛的程序呢呢?固然能夠。json

  • 建立一個新文件夾做爲項目目錄。
  • 使用控制檯進入項目目錄,執行npm init初始化一個npm項目。
  • 將以前的hello.js放入項目目錄。
  • 打開package.json文件,在底部添加一項配置"bin"bin對象裏的key就是命令名稱,value就是要執行的js文件。
    {
      "name": "test",
      "version": "1.0.0",
      "description": "",
      "main": "index.js",
      "scripts": {
        "test": "echo \"Error: no test specified\" && exit 1"
      },
      "author": "",
      "license": "MIT",
      "bin": {
        "hello": "hello.js"
      }
    }
    複製代碼
  • 打開hello.js文件,在文件頂部添加一句#!/usr/bin/env node並保存,用以指定使用node.js運行當前js文件。

這個時候,咱們的程序已經完成了,只須要發佈,使用的時候安裝就能夠了。那麼怎麼發佈呢,有兩種方式,一種方式是本地發佈npm link,這種方式只有本地能進行安裝,另外一種方式是npm publish發佈到npm中央倉庫,任何人都可以使用npm安裝你的應用。前端工程化

測試

當咱們怎麼樣進行本地測試運行呢?咱們能夠使用npm link命令,這時候咱們的當前項目就會被髮布到本地並全局安裝了,咱們能夠直接使用hello命令運行剛剛的js文件了。api

除此以外,若是咱們想局部安裝,咱們能夠切刀須要局部安裝的項目中,使用npm link <packageNmae>替代npm install <packageNmae>命令,進行局部安裝。被局部安裝的包,不會添加到全局變量,可是能夠使用npm script進行調用。瀏覽器

發佈

  • npm官網註冊一個本身的帳號,用於發佈和管理本身的npm包。
  • 給你的npm包起個名字,package.json中的name字段就是你的npm包的名字,name在官網查詢下是否是重複,重複的包名不能提交。
  • 給你的npm包定義版本號,package.json中的version字段就是你的npm包的版本號,version應該比以前的版本遞增,推薦使用語義化版本規範。
  • 使用npm publish命令,根據提示先登陸npm帳號,而後發佈npm包。

按步驟執行到這裏,整個npm包就發佈完成了,咱們能夠在其餘的npm項目下面用npm install命令安裝咱們發佈的包了。dom

相關文章
相關標籤/搜索