简单安装一个自己的脚手架

最新推荐文章于 2023-12-23 16:57:54 发布
最新推荐文章于 2023-12-23 16:57:54 发布
阅读量378 收藏 1
点赞数
文章标签： nodejs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sk_yi/article/details/108413075
版权

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

伤感的痛楚
关注
实现一个简单的前端脚手架
weixin_42855188的博客
05-10 769
随着前端工程化的概念越来越深入人心，脚手架应运而生。简单来说，「前端脚手架」就是指通过选择几个选项快速搭建项目基础代码的工具前端脚手架可帮我们做什么？可以帮助我们快速生成项目的基础代码脚手架工具的项目模板经过了开发者的提炼和检验，一定程度上代表了某类项目的最佳实践脚手架工具支持使用自定义模板，我们可以根据不同的项目进行“定制”我为什么要搭建一个前端脚手架？主要在开发过程中，要做的项目很多，有涉及到vue2、vue3、react、uniapp、小程序等等，然后又有PC端、移动端；
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 1324
制作属于自己的脚手架（图文详解） 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 1262
如何制作属于自己的脚手架——一看就会系列 需要一些辅助网站，网址如下： 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 593
1.什么是脚手架 脚手架用于快速生成新项目的目录模板，并集成一系列体系化工具的安装,无需自己从零开始一步步配置，减少copy操作，有效提升开发体验和效率，尽管这些脚手架非常优秀，但是未必是符合我们的实际应用的，所以我们可以定制一个属于自己的脚手架，来提升自己的开发效率。平时我们在开发React-Native的时候就会使用到raect-native-cli这个脚手架为我们创建项目 脚手架的作用 减少重复性的工作，不需要复制其他项目再删除无关代码，或者从零创建一个项目和文件。 可...
自制简单的脚手架-shell版（一）
iong_l的专栏
11-26 538
前言 每次新增一个项目的时候，都需克隆项目修改一堆文件。很不方便，如果有一个自动化脚本，一键搞定，可以省很多开发时间。 针对自己的项目思考了一下，项目用的YII框架，使用Git子模块实现的多项目架构，根据自己创建项目的步骤分析了一下，一共分为6步。 1、克隆项目架子 2、修改命名空间 3、修改配置文件 4、初始化Git仓库 5、提交初始版本 6、创建controller、model、service等接口文件正式开发 针对这几个步骤，可以制作一个自动化脚本。首先选择用shell命令实现。 shel
详解如何实现一个简单的Node.js脚手架
10-18
在本文中，我们将深入探讨如何实现一个简单的Node.js脚手架。脚手架在软件开发中扮演着重要的角色，因为它可以自动化重复性任务，提高开发效率。以下是一步步创建一个Node.js脚手架的详细指南。 ### 前提条件 在...
基于司徒大神的轻量级MVVM框架avalon20搭建的一个简易的脚手架
08-10
本文将深入探讨基于司徒大神创建的轻量级MVVM框架——Avalon2.0，如何搭建一个简易的脚手架。Avalon2.0是一个成熟的JavaScript框架，它为开发者提供了构建复杂前端应用的能力，尤其适用于单页应用程序（SPA）的开发...
新手从零撸一个CLI命令行脚手架工具
06-22
整个课程，大喵会详细讲解所需要依赖的第三方模块包的具体使用，让同学们可以举一反三开发具备自身特色的CLI工具，最终大喵会运用到前面所讲解的基础内容，独立自主开发一个具备 damiao [ add | delete | list | ...
自制React脚手架
weixin_34148508的博客
06-09 264
源码地址 源码 运行效果 特点 不需要重复定义action，比如等待Action、成功Actoin、失败Action。写更少的action，完成更多的事。 export const GET_TABLE = 'GET_TABLE'; export function getTable(params) { return { type: GET_TABLE, ...
如何建立自己的一个脚手架
weixin_42373116的博客
03-30 2445
前言 这里让我来教大家如何可以从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 1977
脚手架 搭建脚手架的目的就是快速的搭建项目的基本结构并提供项目规范和约定。目前日常工作中常用的脚手架有 vue-cli、create-react-app、angular-cli 等等，都是通过简单的初始化命令，完成内容的快速构建。 其实我们也可以用git clone url来新建（复制）项目，再 low 一点的方法就是复制粘贴整个文件夹，一样也能达到初始化的目的。 脚手架的本质也是从远程下载一个模板来进行一个新项目，但是脚手架可是高级版的克隆，它主要是提供了交互式的命令让我们可以动态的更改模板，然后用一句
创建自己的脚手架工具（cli）
RocYuan
05-29 991
前言 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的方式开发项目，感觉很不错，然后很多项目都用了这种方式。所以为了不需要每次开发的时候都从...
express-generator脚手架的使用（前端开发接口、开启本地服务器等）
失眠时间的博客
05-18 1481
oror如果没有安装权限，得使用管理员执行，或者前面 添加sudo，例如安装后执行查看是否安装成功，更多可使用express -h数据的模拟同时，也可开发服务器查看构建之后包的访问，且还可学习NodeJs开发后台接口的知识后续有机会详细了解下NodeJs开发后台的细节。
前端从零搭建自己的脚手架
最新发布
mengxiaodi的博客
12-23 3911
Webpack脚手架是一个工具，用于快速搭建基于Webpack的项目结构。它通常包括了一些预设的配置和插件，以便用户可以快速开始一个新的项目，而不必从头开始配置Webpack。这些脚手架可以帮助开发人员自动处理诸如打包、代码转译、资源管理等繁琐的任务，从而让他们更专注于项目的逻辑实现。
搭建一个layui脚手架
07-14
要搭建一个Layui脚手架，你可以按照以下步骤进行操作： 1. 首先，确保你已经安装了Node.js...这就是搭建一个简单的Layui脚手架的基本步骤。你可以根据自己的需求和项目的规模进行进一步的配置和开发。希望对你有帮助！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值