快捷導(dǎo)航

用Node寫一條配置環(huán)境的指令

更新時間：2019年11月14日 10:40:54 作者：晨蕭辰

這篇文章主要介紹了用Node寫一條配置環(huán)境的指令，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

前言

工作中需要維護(hù)一個極老的項目，說來話長。在平時當(dāng)需要往項目里添加新的模塊時，我需要手動添加的東西太多了。由此希望通過編寫一條node命令，可以讓我一鍵完成配置我需要配置的東西，比如：路由，控制器，less文件等。最后我只需要在生成的模板index.jsx中寫我們可愛的模塊代碼就行了。

如何創(chuàng)建Node命令？

$ mkdir my-plugin
$ cd my-plugin
$ npm init --yes

配置package的腳本命令

{ "name": "12", "version": "1.0.0", "description": "", "main": "index.js", "scripts": {  "test": "echo \"Error: no test specified\" && exit 1" }, "keywords": [], "author": "", "license": "ISC", "bin": {  "autocode": "bin/wflow.js" }, "dependencies": {  "inquirer": "^7.0.0" }}

創(chuàng)建腳本js

#!/usr/bin/env node
console.log('hello word');

全局安裝node命令

npm install . -g

以上就是創(chuàng)建node指令的方法，下面介紹如何編寫生成代碼腳本。

inquirer的使用

列舉用到的屬性，更多用法請自行學(xué)習(xí)。

1.input

const promptList = [{
  type: 'input',
  message: '設(shè)置一個用戶名:',
  name: 'name',
  default: "test_user" // 默認(rèn)值
},{
  type: 'input',
  message: '請輸入手機(jī)號:',
  name: 'phone',
  validate: function(val) {
    if(val.match(/\d{11}/g)) { // 校驗位數(shù)
      return val;
    }
    return "請輸入11位數(shù)字";
  }
}];

inquirer.prompt(promptList).then(answers => {});

效果：

2.list

const promptList = [ {  type: "list",  message: "作者帥嗎:",  name: "iscool",  choices: ['帥','一般帥'], }, { type: "list", message: "帥得什么級別:", name: "client", choices: ['吳彥祖','彭于晏'], when:function(answers){  return answers.iscool === '帥' }, filter: function(val) { }},];
inquirer.prompt(promptList).then(answers => {});

when用于標(biāo)記此條詢問何時出現(xiàn)!!!!

編寫腳本添加模版

筆者要添加模版為以下：

以在page文件夾下添加index.jsx和index.module.less為例子：

function action(module_name, module_title) { 
 let url = 'https://raw.githubusercontent.com/justworkhard/Daily-Blog/master/2019-11/12/file/temp.jsx' fs.mkdir("app/page/" + module_name, () => {  fs.writeFileSync("app/page/" + module_name + "/index.module.less", "");  https.get(url,(res)=>{   res.setEncoding('utf8');    let rawData = '';    res.on('data', (chunk) => {    rawData += chunk;   });   res.on('end', () => {    fs.writeFileSync("app/page/" + module_name + "/index.jsx", rawData);   });  }) });
}

先是在page文件夾下面添加module的文件夾，使用http將線上的index.jsx模版拉下來放到創(chuàng)建的module文件夾下面。

結(jié)語

總的來說，通過一條node指令完成了新建模塊所需的配置并不一定能節(jié)省多少時間，但卻非?？?，不是嗎？

鏈接：https://github.com/justworkhard/autocode.git

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: