Node Js开辟情况的搭建
媒介通过自动化繁琐的设置和设置工作，资助开辟者快速启动新项目。常见的Node脚手架工具包罗Yeoman、Express Generator、Create React App等。
一、什么是脚手架
1、什么是脚手架？
脚手架在软件开辟中指的是一种自动化工具或脚本，用于快速创建和设置项目的基本结构和设置文件。脚手架工具可以资助开辟者快速启动新项目，淘汰手动设置和重复工作，进步开辟效率。
[*]全局下令行工具
[*]创建项目初始化代码文件及目次
2、脚手架的基本能力
[*]项目模板天生
根据预定义的模板天生项目的目次结构和初始文件
[*]依赖管理
自动天生和更新项目的依赖文件（如package.json），并安装必要的依赖包
[*]设置文件天生
创建项目所需的各种设置文件（如.eslintrc, .gitignore, webpack.config.js等）。
[*]代码天生
自动天生常见的代码模块和样板代码，如路由、控制器、模子等。
[*]交互式问答
通过交互式问答方式询问用户的偏好和需求，从而天生定制化的项目设置。
[*]自动化脚本
提供一些预定义的NPM脚本或其他自动化脚本，用于常见的开辟使命（如构建、测试、启动服务器等）。
二、搭建脚手架
1、如何实现一个自己的脚手架工具
[*]初始化一个vite项目
npm init
vite@latest
[*]选择vue
? Select a framework: » - Use arrow-keys. Return to submit.
Vanilla
> Vue
React
Preact
Lit
Svelte
Solid
Qwik
Others
[*]选择JavaScript
? Select a variant: » - Use arrow-keys. Return to submit.
TypeScript
> JavaScript
Customize with create-vue ↗
Nuxt ↗
[*]通过以下下令运行项目
Done. Now run:
cd vite-project
npm install
npm run dev
2、创建自定义全局指令
[*] 新建一个nojs文件，然后创建bin/cli.js
[*] 在nojs文件下初始化一个项目，然后一路回车
npm init
[*]在package.json中添加一个name
"name": "bincli
",
[*]bin/cli.js中写入,
#! /usr/bin/env node的作用:告诉操纵系统用什么解释器来执行文件。
#! 是 shebang 的标记,/usr/bin/env 是一个 Unix 程序，它可以找到并运行指定的程序，node 指定要利用 Node.js 解释器来执行脚本。
当在文件顶部加上这一行并使文件可执行，可以直接运行该文件，而无需在下令行中显式调用 node 下令。
#! /usr/bin/env node
console.log("bincli
");
[*]创建自定义全局指令
npm link
bincli
https://i-blog.csdnimg.cn/blog_migrate/3bd4efefdcb33997ade7949b1575184a.png
[*]修改cli.js文件
#! /usr/bin/env node
// console.log("bincli
");
console.log(process.argv);
获取bincli
后面的参数--help
bincli
--help
https://i-blog.csdnimg.cn/blog_migrate/86648d8e61d32cd02904cac9db35b44c.png
[*]获取到cli.js中的下令参数
#! /usr/bin/env node
if(process.argv=='--help'){
console.log("获取命令参数");
}
三、commander下令参数处置处罚工具
1、安装commander包
commander包链接
[*]安装commander
npm i commander
[*]cli.js文件内容修改
#! /usr/bin/env node
const { program } = require("commander");
program.parse(process.argv);
bincli
--help
https://i-blog.csdnimg.cn/blog_migrate/281cb964d335b583dbf521c12f4a40ab.png
2、自定义下令参数处置处罚
[*]修改cli.js内容
#! /usr/bin/env node
const { program } = require("commander");
/*
使用 .option 方法定义一个命令行选项。
-f 是短选项，--framework 是长选项，<framework> 表示这个选项需要一个参数。
"设置框架" 是对这个选项的描述，用于帮助信息中显示。
*/
program.option("-f --framwork <framwork>", "设置框架");
// 解析传递给脚本的命令行参数
program.parse(process.argv);
console.log(`选定的框架是: ${program.framework}`);
[*]执行bincli
--help
下令
https://i-blog.csdnimg.cn/blog_migrate/accb374713785fbf3acde1fc37be40ed.png
3. create创建一个内容下令
[*]修改cli.js
#! /usr/bin/env node
const { program } = require("commander");
program.option("-f --framwork <framwork>", "设置框架");
program
.command("create <project> ")
.alias("crt")
.description("创建项目")
.action((project, args) => {
console.log(project);
console.log(args);
});
program.parse(process.argv);
[*]执行bincli
create xxx k gf l 下令
https://i-blog.csdnimg.cn/blog_migrate/aaed3c7fdf189888c72f43f62a967836.png
[*]执行bincli
--help
下令
https://i-blog.csdnimg.cn/blog_migrate/9972cdeea95b982eaef3487a8a217bf1.png
四、模块化拆分
1、代码封装
[*]lib/core/help.js
const myhelp = function (program) {
program.option("-f --framwork <framwork>", "设置框架");
};
module.exports = myhelp;
[*]lib/core/mycommander.js
const myAction = require("./action");
const mycommander = function (program) {
program
.command("create <project> ")
.alias("crt")
.description("创建项目")
.action(myAction);
};
module.exports = mycommander;
[*]lib/core/action.js
const myAction = (project, args) => {
console.log(project);
console.log(args);
};
module.exports = myAction;
[*]bin/cli.js
#! /usr/bin/env node
const { program } = require("commander");
const myhelp = require("../lib/core/help");
myhelp(program);
const mycommander = require("../lib/core/mycommander");
mycommander(program);
program.parse(process.argv);
[*]执行bincli
下令
bincli
https://i-blog.csdnimg.cn/blog_migrate/d124f8061c0d2b0649d1ede6bfc7c247.png
2、下令行问答交互
[*]安装inquirer包
npm install inquirer
[*]新建test/inquirer.js文件
var inquirer = require("inquirer");
// console.log(inquirer.default.prompt, "inquirer.prompt");
inquirer.default
.prompt([
{
type: "input", // 可以输入的类型
name: "username",
message: "你的名字",
},
])
.then((answer) => {
console.log(answer);
});
[*]执行node test/inquirer.js
下令
node test/inquirer.js
https://i-blog.csdnimg.cn/blog_migrate/2a2459394c8345c48b4711434cc7cfb8.png
3、下令行自定义选择框架
[*]修改lib/core/action.js文件
var inquirer = require("inquirer");
const myAction = (project, args) => {
// console.log(project);
// console.log(args);
inquirer.default
.prompt([
{
type: "list",
name: "framwork",
choices: ["express", "koa", "egg"],
message: "请选择你所使用的框架",
},
])
.then((answer) => {
console.log(answer, "answer");
});
};
module.exports = myAction;
[*]执行bincli
create nodefm 下令
bincli
create nodefm
[*]通过上下箭头选择，空格进行确认
https://i-blog.csdnimg.cn/blog_migrate/517146c71010a2150bd4c3fd6fa245ea.png
https://i-blog.csdnimg.cn/blog_migrate/38486b8c9e3f9dbc3e69c11925b4cb98.png
4、利用config.js来定义框架设置类型
利用config.js来定义框架设置类型,可以通过直接在config.js里修改来控制变量
[*]新建config.js文件
module.exports = {
framwork: ["express", "koa", "egg"],
};
[*]修改lib/core/action.js文件引入config文件
var inquirer = require("inquirer");
var config = require("../../config");
const myAction = (project, args) => {
// console.log(project);
// console.log(args);
inquirer.default
.prompt([
{
type: "list",
name: "framwork",
choices: config.framwork,
message: "请选择你所使用的框架",
},
])
.then((answer) => {
console.log(answer, "answer");
});
};
module.exports = myAction;
五、下载长途仓库代码
1、download-git-repo包利用
download-git-repo 是一个 Node.js 模块，用于从 Git 仓库中下载代码。通过下令行大概在 Node.js 代码中进行下载操纵。
[*]安装模块
npm install download-git-repo
[*]Node.js 脚本中引入 download-git-repo 模块,新建test/download.js
const download = require("download-git-repo");
download(
"direct:git@github.com:Muying-Zhao/MuYing-docs.git",
"./xxx",
{ clone: true },
function (err) {
if (err) {
console.error("下载失败", err);
} else {
console.log("下载成功");
}
}
);
[*]执行node test/download.js
下令
node test/download.js
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]