genertato-创建属于自己的脚手架

已于 2023-11-07 15:03:54 修改
阅读量152 收藏
点赞数
文章标签： node.js
于 2020-09-05 11:08:09 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yuxinSir/article/details/108416943
版权

yo命令

官网地址：https://yeoman.io/yo

yeoman 制作脚手架命令

安装

npm install -g yo

yo 命令的作用是制作脚手架命令

yo --version 查看版本号

在这里插入图片描述

制作脚手架

*generater-generator 可以制作脚手架工具

npm install -g generator-generator

在这里插入图片描述

生成脚手架工具

yo gennerator-脚手架名称

在这里插入图片描述

制作中配置项目解释

在这里插入图片描述

脚手架创建成功

在这里插入图片描述

将自己的工程代码放入到脚手架中

1更改pack.json文件中version

在这里插入图片描述

2更改入口文件index.js中部分配置

在这里插入图片描述

3:开始导入自己的工程代码

在这里插入图片描述

  • 导入完成效果

在这里插入图片描述

本地测试脚手架是否

cd generator-shop-generator

npm link

在这里插入图片描述

  • 随便新建一个文件目录（模拟使用脚手架生项目工程）

在这里插入图片描述

  • 查看脚手架运行过程结果

在这里插入图片描述

发布脚手架

如果不会请自行百度

将 generator-shop-generator文件发布到npm上

npm login 使用命令登陆到npm

在这里插入图片描述

开始发布

npm publish

在这里插入图片描述

测试发布，并从npm 上使脚手架
  • 去npm官网搜索 generator-shop-generator

在这里插入图片描述

  • 在本地安装自己的脚手架

npm i generator-shop-generator

在这里插入图片描述

  • 使用脚手架生成项目

yo shop-generator

在这里插入图片描述

PinkSir
关注
基于webpack-不使用任何脚手架-创建纯粹的webpack项目-源码
08-12
习惯了使用各种脚手架， 但是这种方式对于 使用webpack，并理解webpack的初学者来说，并没有...“基于webpack-不使用任何脚手架-创建纯粹的webpack项目”的文章参考 https://articles.zsxq.com/id_bw5w2zw6bs13.html
generator-npm-module:NPM模块的Yeoman生成器
05-19
generator-npm-module 为NPM模块设计的自强生成器 入门 $ npm install -g yo generator-npm-module 在新目录中启动生成器，并按照说明进行操作： $ yo npm-module 执照 国际学习中心
制作属于自己的脚手架（图文详解）
qq_40137639的博客
09-04 1320
制作属于自己的脚手架（图文详解） yo命令 官网地址：https://yeoman.io/yo yeoman 制作脚手架命令 安装 npm install -g yo yo 命令的作用是制作脚手架命令 yo --version 查看版本号 制作脚手架 *generater-generator 可以制作脚手架工具 npm install -g generator-generator 生成脚手架工具 yo gennerator-脚手架名称 制作中配置项目解释 脚手架创建成功 将自己的工程代码放入到脚
如何制作属于自己的脚手架——一看就会系列
y_programmer_ape的博客
09-04 1260
如何制作属于自己的脚手架——一看就会系列 需要一些辅助网站，网址如下： yeoman：https://yeoman.io/ 一、全局安装命令工具：yo 用于制作脚手架 cmd打开命令行： 安装命令：npm install -g yo 【检测版本号：yo --version】 同样是在cmd命令行 安装命令：npm install -g generator-generator 二、安装生成脚手架工具 新建一个文件夹，命名为 generator，在VScode中运行这个文件夹，并在终端中打开 在终端运行以
Yeoman&generator自定义脚手架
CarrreyYan_979292的博客
09-04 267
制作属于自己 的脚手架 不是cli的脚手架。如果有过兴趣。自己可以使用node.js 中, ？？？？.js 自己写 gennerator 的脚手架方式 yo命令 官网地址：https://yeoman.io/yo yeoman 制作脚手架命令 安装 npm install -g yo yo 命令的作用是制作脚手架命令 yo --version 查看版本号 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200904231954167.png?x-oss-proces
搭一个属于自己的脚手架
大灰狼的小绵羊哥哥的博客
06-11 590
1.什么是脚手架 脚手架用于快速生成新项目的目录模板，并集成一系列体系化工具的安装,无需自己从零开始一步步配置，减少copy操作，有效提升开发体验和效率，尽管这些脚手架非常优秀，但是未必是符合我们的实际应用的，所以我们可以定制一个属于自己的脚手架，来提升自己的开发效率。平时我们在开发React-Native的时候就会使用到raect-native-cli这个脚手架为我们创建项目 脚手架的作用 减少重复性的工作，不需要复制其他项目再删除无关代码，或者从零创建一个项目和文件。 可...
自制简单的脚手架-shell版（一）
iong_l的专栏
11-26 534
前言 每次新增一个项目的时候，都需克隆项目修改一堆文件。很不方便，如果有一个自动化脚本，一键搞定，可以省很多开发时间。 针对自己的项目思考了一下，项目用的YII框架，使用Git子模块实现的多项目架构，根据自己创建项目的步骤分析了一下，一共分为6步。 1、克隆项目架子 2、修改命名空间 3、修改配置文件 4、初始化Git仓库 5、提交初始版本 6、创建controller、model、service等接口文件正式开发 针对这几个步骤，可以制作一个自动化脚本。首先选择用shell命令实现。 shel
基于Java核心驱动的NUTZ-ONEKEY一键脚手架设计源码
最新发布
10-31
该NUTZ-ONEKEY一键脚手架是基于Java核心驱动的综合性设计源码，包含1387个文件，涵盖了丰富的资源类型，包括396个JavaScript文件、185个HTML文件、167个Less文件、166个GIF文件、132个Java源文件、121个PNG文件、97...
水塘安置点五期---外墙落地脚手架搭设施工组织设计.doc
10-03
【水塘安置点五期---外墙落地脚手架搭设施工组织设计】 施工组织设计是建筑工程施工中的一个重要环节，它详细规划了施工过程中的各项活动，确保工程的安全、质量和进度。在“水塘安置点五期---外墙落地脚手架搭设...
自制React脚手架
weixin_34148508的博客
06-09 262
源码地址 源码 运行效果 特点 不需要重复定义action，比如等待Action、成功Actoin、失败Action。写更少的action，完成更多的事。 export const GET_TABLE = 'GET_TABLE'; export function getTable(params) { return { type: GET_TABLE, ...
如何建立自己的一个脚手架
weixin_42373116的博客
03-30 2438
前言 这里让我来教大家如何可以从0到1做一个自己的脚手架，vite-eslint-cli为例进行实现，看看我们需要经过哪些步骤呢？？？ 关于vite-eslint-cli 1. 这个脚手架能干什么 💡 基于vite 实现了项目以及规范一体化部署 ⚡️可以从0 到 1快速部署 🛠️ 内置实现vue3/ ts/ eslint/ prettier/ commitlint/ husky/ pinia持久化/ vue-router 📦 可以快速实现从代码以及规范的搭建 2. 跟vite有什么不同呢 💡 内置
如何搭建一个自己的脚手架
qq_42257169的博客
02-19 1974
脚手架 搭建脚手架的目的就是快速的搭建项目的基本结构并提供项目规范和约定。目前日常工作中常用的脚手架有 vue-cli、create-react-app、angular-cli 等等，都是通过简单的初始化命令，完成内容的快速构建。 其实我们也可以用git clone url来新建（复制）项目，再 low 一点的方法就是复制粘贴整个文件夹，一样也能达到初始化的目的。 脚手架的本质也是从远程下载一个模板来进行一个新项目，但是脚手架可是高级版的克隆，它主要是提供了交互式的命令让我们可以动态的更改模板，然后用一句
创建自己的脚手架工具（cli）
RocYuan
05-29 989
前言 vue-cli、create-react-app、angular-cli…已经有了，为什么还要创建自己的脚手架？ 个人需求：每次使用官方自带的脚手架创建好项目后，总是要删除一大堆垃圾代码，还要重复性配置封装各种常用的库；而且不同项目得使用不同的脚手架工具（这个还可以接受，主要是前者）。 以下只是提供了简易的创建过程，为了理清思路，通俗易懂，全写在一个js文件中；一般会进行封装，模块化管理。 思路 使用cli命令行生成项目模板，模板从哪来？其实模板我们可以在github、gitee或自行搭建的
自制脚手架所需基础node工具包
Equation
01-24 819
一、commander 1、安装 npm install commander --save 2、简单demo var program = require('commander'); program .version('0.1.0') .option('-p, --peppers', 'Add peppers') .option('-P, --pineapple',
自制 Web Framework 脚手架
wwwmewww的专栏
07-17 262
文章目录外部依赖包commander - 命令行参数解析chalk - 文字颜色修改log-symbols - 命令行图标inquirer 命令行交互download-git-repo - Git下载ora 下载loading 外部依赖包 commander - 命令行参数解析 返回目录 chalk - 文字颜色修改 返回目录 log-symbols - 命令行图标 返回目录 inquirer 命令行交互 返回目录 download-git-repo - Git下载 返回目录 ora 下载loading .
开发属于自己的yeoman脚手架（generator-reactpackage）
weixin_38170561的博客
09-04 100
自从前后端开始分离之后，前端项目工程化也显得越来越重要了，之前写过一篇搭建基于Angular+Requirejs+Grunt的前端项目教程，有兴趣的可以点这里去看 但是有些项目可以使用这种方式，但有些却不太适合，或者我们就是想要去尝试新的框架。比如最近我就尝试着使用了webpack+react+es6的方式开发项目，感觉很不错，然后很多项目都用了这种方式。所以为了不需要每次开发的时候都从...
阿里云之Java工程脚手架自动生成项目架构
zouyang920的博客
06-08 1741
网页地址：https://start.aliyun.com/ 选择的分层架构并且带有web工程的，这种结构是以MVC模式进行分层，另外外面常见的还有以模块来进行分层的，两种分层模式都值得推荐。api模块是接口模块； dao模块是实体模块； manager模块是管理dao模块，这个模块只引入了dao模块，感觉没啥意义，有不同意见的欢迎评论区留言； service模块是实现类模块； web是静态资源模块； pom.xml是父工程的pom文件； start模块是启动类模块，包含依赖以及数据库，mybatis
Java如何搭建脚手架（自动生成通用代码）
2401_83384536的博客
04-09 1396
新建项目时，有些配置和包总是相同的，每次添加非常麻烦，并且都是重复性复制粘贴的工作。此时，一个优秀的程序员，会想着如何不做重复性的工作，去提高工作效率。那什么叫脚手架呢？当搭建一个项目时，一些基础性的工作，如一些共同的组件、服务、配置、测试等在新建项目时就一起生成，形成一个模板。这个就叫做脚手架。本篇博客包含①分析整个工程包含的结构②如何创建脚手架；③如何使用脚手架。
mac使用vue-cli创建脚手架
07-15
使用vue-cli在Mac上创建脚手架的步骤如下： 首先，确保你的机器已经安装了Node.js和npm。你可以在终端中输入以下命令来检查是否已正确安装： $ node -v $ npm -v 如果没有安装，请先安装Node.js和npm。 安装vue-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

PinkSir

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值