Home  >  Article  >  Web Front-end  >  How to implement Node.js scaffolding (detailed tutorial)

How to implement Node.js scaffolding (detailed tutorial)

亚连
亚连Original
2018-06-22 17:38:003096browse

This article mainly introduces how to implement a simple Node.js scaffolding. The editor thinks it is quite good. Now I will share it with you and give you a reference. Let’s follow the editor and take a look

Reason

At work, it is necessary to develop a scaffolding to provide relevant development conveniences to relevant users.

Suitable for people

Have a certain understanding of front-end and Node operations, and are also interested in developers who understand the scaffolding development process or need to implement a scaffolding themselves.

Goal

  1. Develop a simple scaffolding that can be provided to users for installation.

  2. can output relevant prompts.

  3. Perform reading and writing operations on user files.

  4. Use shell scripts in scaffolding.

Steps

Developing scaffolding

The initial process of scaffolding development is similar to that of ordinary front-end projects Same, an entry file command.js and a configuration file package.json are required.

Different from other configuration files, you need to add the following item to the package.json file:

{
 ...,
 "bin": {
    "cm-cli": "command.js"
  }
}

After adding this item to the configuration file, you only need to add it to the root of the configuration file. Execute the npm link command in the directory, and then use the cm-cli --help command to view the loaded cm-cli scaffolding.

If you publish your scaffolding, then other users can use your scaffolding globally after using the command npm install -g cm-cli.

Prompt users

In prompting comments and commands, we need to use the commander package, which can be installed using npm install commander. (If the NPM version is lower than 5, you need to add the --save parameter to ensure that the package.json configuration file is updated).

commander is a powerful function that provides user command line input and parameter parsing. If necessary, you can read the relevant library documentation. Here I introduce the two most commonly used methods.

#option

Able to initialize custom parameter objects, set keywords and descriptions, and also set parameters for reading user input. The specific usage is as follows:

const commander = require('commander');

commander.version('1.0.0')
  .option('-a, --aaa', 'aaaaa')
  .option('-b, --bbb', 'bbbbb')
  .option('-c, --ccc [name]', 'ccccc')
  .parse(process.argv);


if (commander.aaa) {
  console.log('aaa');
}

if (commander.bbb) {
  console.log('bbb');
}

if (commander.ccc) {
  console.log('ccc', commander.ccc);
}

The specific display is as follows:

command

This method can be added on the command line An order. After the user executes this command, he can execute the logic in the callback. The specific usage is as follows:

commander
  .command(&#39;init <extensionId>&#39;)
  .description(&#39;init extension project&#39;)
  .action((extensionId) => {
    console.log(`init Extension Project "${extensionId}"`);
    // todo something you need
  });

The specific display effect is as follows:

##Read and write user files

Through the above steps, we have been able to complete a simple scaffolding. Next, we need to read the user configuration and generate some template files for the user.

Read file

Now, we need to read the user’s cm-cli.json configuration file to perform some configuration.

We can use the fs file module of Node.js to read the file progress. Since there are not many difficulties here, we will omit it.

Write file template

We store the template file on the CDN in advance, and then download the template based on the relevant scaffolding configuration file read locally.

Note: The path read in the scaffold is the current path when the user uses it, so there is no way to store the template file in the scaffold for reading.

We can use libraries such as request to help us download files and simplify the operation steps. Execute npm install request` to install.

Note: When writing a file, it is recommended to first determine whether the file exists before overwriting it.

Using Shell Script

Judging from the API functions provided by Node.js, some people prefer to use Shell scripts to perform file operations. Fortunately, we can also introduce node-cmd into our scaffolding to enable support for shell scripts. Execute npm install node-cmd to install.

Specific examples are as follows:

commander
  .command(&#39;init <extensionId>&#39;)
  .description(&#39;init extension project&#39;)
  .action((extensionId) => {
    id = extensionId;
    console.log(`init Extension Project "${extensionId}"`);

    cmd.get(
      `
      mkdir -p static/${extensionId}

      mkdir tmp
      mkdir tmp/source-file
      mkdir tmp/build-file
      curl -o tmp/source-file/index.js https://xxxxxxxx.com?filename=index.js
      touch tmp/source-file/index.css

      curl -o tmp/build-file/server.js https://xxxxxxxx.com?filename=server.js
      curl -o tmp/build-file/router.js https://xxxxxxxx.com?filename=router.js
      curl -o tmp/build-file/package.json https://xxxxxxxx.com?filename=package.json
      
      cp tmp/source-file/* static/${extensionId}
      cp tmp/build-file/* ./
      rm -fr tmp
      npm install
      `,
      (err, data) => {
        console.log(data)
        if (!err) {
          console.log(&#39;init success&#39;);
          return;
        }

        console.error(&#39;init error&#39;);
      });
  });

We can quickly use Shell scripts to create folders and download file templates.

Summary

If you want scaffolding to be executed quickly on the terminal, you can add relevant fields to the package.json configuration file.

The scaffolding needs to be able to read relevant terminal input, and can use the commander library for rapid development.

Scaffolding needs to be able to execute Shell scripts, and you can use the node-cmd library to quickly implement the requirements.

The above is what I compiled for everyone. I hope it will be helpful to everyone in the future.

Related articles:

How to make a cone using JS canvas

##Summary of JS sorting algorithm

About the loop mechanism of js events (detailed tutorial)

How to use javascript to implement QQ space photo album display

How to customize PC WeChat scan code login

Details about the use of jade template engine

About JS Hill sorting Algorithm (detailed tutorial)

The above is the detailed content of How to implement Node.js scaffolding (detailed tutorial). For more information, please follow other related articles on the PHP Chinese website!

Statement:
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