Home > Web Front-end > JS Tutorial > body text

Node makes a personalized command line tool

php中世界最好的语言
Release: 2018-06-13 15:54:05
Original
1783 people have browsed it

This time I will bring you node to create a personalized command line tool. What are the precautions for node to create a personalized command line tool? The following is a practical case, let’s take a look.

1. Implement a simple function

##2. Environment

1. System: window 10

2. Editor: vscode
3.node version: 8.7.0

三, Start playing

1. Open the command line and create a new pa'ckage.json

npm init
Copy after login
At this time, you will see a new package.json generated, use edit Open the browser

2. Modify package.json and add a bin attribute

  {
   "name": "my-cli",
   "version": "1.0.0",
   "description": "",
   "main": "index.js",
   "bin": { // 增加bin属性
     "auto": "./bin/cli.js" 
     // 左边的crp是定义的命令行的名字,可以自己随便取, 右边是命令行输入 crp 时会执行的文件(一定要在bin文件夹下)
   },
   "scripts": {
    
   },
   "keywords": [],
   "author": "",
   "license": "ISC"
  }
Copy after login
3. Create a new cli.js in the current directory and simply modify it

console.log('hello world')
Copy after login
4 .Then go to the command line and enter

npm link
Copy after login
5 to check the effect

It is successful if hello world is printed correctly

6. The principle of realizing the preview effect is that when cli.js is executed, the template set by yourself will be read, and then a file will be generated in the current directory, and the content of the template will be written. , the simple code is as follows

  #! /usr/bin/env node
  const fs = require('fs')
  const exec = require('child_process').exec
  var args = process.argv.slice(2) // 可以通过process.argv这里获得你输入的参数
  //读取内容(在当前的目录下新建template文件夹和加入一个template.vue的模板)
  var content = fs.readFileSync('./template/template.vue')
  //生成内容
  fs.writeFileSync(args[0], content)
  // 使用vscode打开
  exec('code ' + args[0])
Copy after login
I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the PHP Chinese website!

Recommended reading:

Detailed explanation of the use of CSS cascading mechanism

How to determine the user's sliding direction in H5 touch events

The above is the detailed content of Node makes a personalized command line tool. For more information, please follow other related articles on the PHP Chinese website!

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template