Maison > interface Web > js tutoriel > le corps du texte

Tutoriel sur la façon d'utiliser node pour créer votre propre outil de ligne de commande

亚连
Libérer: 2018-05-28 17:25:24
original
1702 Les gens l'ont consulté

Cet article présente principalement le tutoriel sur la façon d'utiliser node pour créer votre propre outil de ligne de commande. Maintenant, je le partage avec vous et le donne comme référence.

1. Implémenter une fonction simple

2. >

1. Système : fenêtre 10

2. Éditeur : vscode
Version 3.node : 8.7.0

Trois, Démarrer en train de jouer

1. Ouvrez la ligne de commande et créez un nouveau pa'ckage.json

npm init
Copier après la connexion

Ceci Lorsque vous voyez un nouveau package.json généré, utilisez l'éditeur pour ouvrir

2. Modifiez package.json et ajoutez un attribut bin

  {
   "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"
  }
Copier après la connexion

3. Créez un nouveau cli.js dans le répertoire actuel et modifiez-le simplement

console.log('hello world')
Copier après la connexion

4.

npm link
Copier après la connexion

5 Vérifier l'effet



Imprimer correctement bonjour le monde est réussi


6. Pour obtenir l'effet de prévisualisation

Le principe est que lorsque cli.js est exécuté, le modèle défini par lui-même sera lu, puis dans le répertoire courant. Générez un fichier,


écrivez le contenu du modèle, le code simple est le suivant


  #! /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])
Copier après la connexion

Ce qui précède, c'est moi, je l'ai compilé pour tout le monde, j'espère qu'il sera utile à tout le monde à l'avenir.

Articles connexes :

Utilisation de la fonctionnalité H5 FormData pour télécharger des fichiers sans actualisation

Obtenir le positionnement du téléphone mobile basé sur h5 ajax

JSONP pour requête inter-domaines AJAX pour obtenir des données JSON

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal