首页 > 其他 > 详细

module1_02_脚手架工具

时间:2021-03-29 12:05:32      阅读:15      评论:0      收藏:0      [点我收藏+]

脚手架工具

一、脚手架工具

  • 是前端工程化的发起者

(1)作用

  • 创建项目基础结构(可复用性代码)、提供项目规范和约定

    • 脚手架创建的目录结构

技术分享图片

  • 而脚手架也分通用脚手架专用脚手架

技术分享图片

二、Yeoman

  • 接下来就 yeoman 脚手架工具来学习脚手架工具的基础

(1)基本概念

  • Yeoman 是一款脚手架工具

  • yo 是 Yeoman的命令管理工具

    • 可以在命令运行 yeoman 的命令

  • 生成器(generator):Yeoman 中具体的脚手架

    • 针对不同项目有不同的脚手架(例如:网站,APP,小程序)

    • 官网可以查看有什么包

技术分享图片

(2)Yeoman 初体验

  • 全局安装yo

    • npm install --global yo

  • 安装generator

    • npm install --global generator-webapp

  • 通过 yo 运行 generator

    • mkdir project-name

    • cd project-name

    • yo webapp

  • 启动应用

    • npm run start

module1_02_脚手架工具

原文:https://www.cnblogs.com/lezaizhu/p/14591080.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!