> 웹 프론트엔드 > JS 튜토리얼 > 노드 사용자 정의 명령줄 도구

노드 사용자 정의 명령줄 도구

php中世界最好的语言
풀어 주다: 2018-05-08 14:47:22
원래의
1886명이 탐색했습니다.

이번에는 노드 사용자 정의 명령줄 도구를 가져왔습니다. 노드 사용자 정의 명령줄 도구의 주의사항은 무엇인가요? 아래에서 실제 사례를 살펴보겠습니다.

1. 간단한 기능 구현

2. 환경

1. 시스템: window 10
2.Editor: vscode
3.node 버전: 8.7 .0

3. 게임 시작

1. 명령줄을 열고 새 pa'ckage.json을 만듭니다.

npm init
로그인 후 복사

이제 생성된 package.json이 표시되며 편집기를 사용하여 엽니다

2. package.json을 수정하고 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"
  }
로그인 후 복사

3. 현재 디렉터리에 새 cli.js를 만들고

console.log('hello world')
로그인 후 복사

4를 수정한 다음 명령줄로 이동하여

npm link
로그인 후 복사

5를 입력합니다. 효과를 보세요

hello world가 올바르게 인쇄되면 성공입니다

6. 미리보기 효과를 얻으려면

원칙은 cli.js가 실행될 때 자체적으로 설정된 템플릿을 읽어온 다음 현재 디렉터리에 파일이 생성됩니다.

템플릿의 내용을 작성하세요. 간단한 코드는 다음과 같습니다

  #! /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])
로그인 후 복사

그런 다음 상상을 놔두세요. 좋아하는 여러 명령을 결합하여 도구를 즐길 수 있습니다

I 이 글의 사례를 읽으셨다고 믿으세요. 방법을 익히신 후, 더 흥미로운 내용을 보려면 PHP 중국어 웹사이트의 다른 관련 글을 주의 깊게 살펴보시기 바랍니다!

추천 자료:

apply와 Math.max()의 사용법과 차이점

대소문자 변환을 위한 Angular의 메서드는 무엇입니까

위 내용은 노드 사용자 정의 명령줄 도구의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿