手把手带你玩转Node.js实现自动化项目创建和依赖安装

前端

2023-12-22 06:15:16

利用 aaa.js 脚本快速创建 React 项目

身为一名开发人员，您可能经常面临创建新项目的艰巨任务。手工执行此过程不仅耗时，而且容易出错。为了简化这一过程，我们介绍了 aaa.js 脚本，它将帮助您自动执行项目创建和依赖项安装。

aaa.js 脚本简介

aaa.js 是一款基于 Node.js 的脚本，允许您输入项目名称并自动在当前目录下执行以下操作：

创建项目目录
生成 package.json 文件
安装必要的依赖项

运行 aaa.js 脚本

运行 aaa.js 脚本非常简单：

确保已安装 Node.js 和 npm。
将 aaa.js 脚本复制到您想要创建项目的目录中。
打开终端并导航到 aaa.js 脚本所在的目录。
运行以下命令：

node aaa

脚本的工作原理

aaa.js 脚本首先会提示您输入一个项目名称。然后，它将执行以下步骤：

在当前目录下创建一个指定名称的项目目录。
在项目目录中生成一个 package.json 文件，其中包含两个依赖项：React 和 React-DOM。
使用 npm 安装 React 和 React-DOM 依赖项。
通知您安装已完成。

代码示例

以下是 aaa.js 脚本的代码示例：

// 1. 导入必要的模块
const fs = require('fs');
const path = require('path');
const childProcess = require('child_process');

// 2. 定义项目名称
let projectName;

// 3. 从终端获取项目名称
console.log('请输入项目名称：');
projectName = process.stdin.readLineSync();

// 4. 创建项目目录
const projectPath = path.join(process.cwd(), projectName);
fs.mkdirSync(projectPath);

// 5. 创建 package.json 文件
const packageJson = {
  name: projectName,
  version: '1.0.0',
  description: 'My awesome project',
  scripts: {
    start: 'react-scripts start',
    build: 'react-scripts build'
  },
  dependencies: {
    react: '^17.0.2',
    'react-dom': '^17.0.2'
  }
};

fs.writeFileSync(path.join(projectPath, 'package.json'), JSON.stringify(packageJson, null, 2));

// 6. 安装依赖项
childProcess.execSync('npm install', { cwd: projectPath });

// 7. 通知用户安装已完成
console.log(`项目 ${projectName} 已创建，依赖项已安装。`);