放肆青春的博客
首页
前端
算法
网络
面试
技术
后端
运维
杂项
数据库
工具
网址
电脑
个人
文章
  • 分类
  • 标签
  • 归档
github (opens new window)
gitee (opens new window)

放肆青春

一个前端菜鸟的技术成长之路
首页
前端
算法
网络
面试
技术
后端
运维
杂项
数据库
工具
网址
电脑
个人
文章
  • 分类
  • 标签
  • 归档
github (opens new window)
gitee (opens new window)
  • 前端

    • 前端 概览
    • 前端汇总

    • front 博文

    • front 项目总结

    • front 高级

    • front tools

      • 打包,构建工具
      • webpack

      • vite
      • rollup
      • grunt
      • yeoman
        • yeoman
          • 自定义 generator
          • 安装使用对应的 generator
      • babel
      • gulp
      • lerna
  • vue

    • vue 概览
    • vue 汇总

    • vue 博文

    • vue 项目总结

    • vue 高级

  • html

    • html 概览
    • html 汇总

    • html 博文

  • css

    • css 概览
    • css 汇总

    • css 博文

    • sass

    • less

  • js

    • javascript 概览
    • JS 汇总

    • ES6

    • JS 博文

    • JS 工具

  • node

    • node 概览
    • node 汇总

    • node 框架

    • node 博文

  • react

    • react 概览
    • react 汇总

    • react 博文

    • react 高级

  • 微信小程序

    • 微信小程序 概览
    • 微信小程序总结
    • 微信小程序文章
    • 微信小程序 博文

    • 微信小程序 高级

  • 微信公众号

    • 微信公众号 概览
    • 微信公众号总结
    • 微信公众号文章
  • 多端开发

    • 多端开发
    • dsbridge 概览
    • jsbridge 概览
    • webview
    • uniapp

      • uniapp 概览
    • taro

      • taro 概览
    • flutter

      • flutter 概览
      • flutter 环境搭建
    • electron

      • electron 概览
  • front
放肆青春
2021-07-02

yeoman

# yeoman

简介:Yeoman 工作流包含三种类型的工具,用于在构建 Web 应用程序时提高您的生产力和满意度:脚手架工具 (yo)、构建工具(Gulp、Grunt 等)和包管理器(如 npm 和 Bower)。

安装 yeoman:npm install -g yo

# 自定义 generator

一般 Generator 用于生成项目,Sub Generator 用于本补充生成项目中的文件

安装 Yeoman 生成器 generator:npm install -g generator-generator

运行 generator: yo generator

名称必须是:generator-<name>

步骤:

  1. mkdir generator-sample

  2. npm init 【初始化 package】

  3. npm install yoman-generator 【基类:提供了一些功能函数】

  4. code . 【vscode 打开项目】

  5. 创建 generators 文件夹下 app 文件夹 index.js

# 安装使用对应的 generator

例如:webapp 模块npm install -g generator-webapp 运行 generator:yo webapp

yo webapp 得到一个 web 应用的基础结构,步骤:

  1. 找到合适的 generator

  2. 全局范围安装找到的 generator

  3. 通过 yo 运行对应的 generator

  4. 通过命令行交互填写选项

  5. 生成你所需要的项目结构

例如:node 模块:npm install -g generator-node 运行 generator:yo node

更新时间: 7/5/2021, 3:28:42 PM
grunt
babel

← grunt babel→

最近更新
01
前端权限管理
02-24
02
vue2指令
02-24
03
vue2 hook
02-24
更多文章>
Theme by Vdoing | Copyright © 2019-2022 放肆青春
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式