什么是前端脚手架？

字数统计: 367字   |   阅读时长≈ 1分

先查查百度百科里对“脚手架”的定义吧

脚手架是为了保证各施工过程顺利进行而搭设的工作平台,生活中也就是我们要借用折叠梯去完成一些生活所需，这个折叠梯就给我带来很大的方便,并且搭建方便，可以称之为脚手架！

个人觉得“脚手架”只是一个宽泛的概念，只是一个或者一套“搭建工具”的总称，这些工具能够帮助你更好的去完成前端代码构建。

传统中我们写前端代码并不需要所谓的脚手架，一个 html 加上 css 和 js，再搭配编辑器就可以开始撸代码了。

但是随着 web2.0 的发展，页面越来越丰富，尤其是一些大型的、页面数据交互比较复杂的网站，为了优化前端工作，诞生了很多工具。比如让你写 css 更方便的 less，比如当下流行的用将 html 模板直接用 js 来写的 React，以及实现 js 模块化以及前端代码打包的工具 webpack。

总结的话就是

脚手架是帮你减少「为减少重复性工作而做的重复性工作」的工具

比较稳定且出彩的前端脚手架有以下几种

  • Vue/React 脚手架

  • 使用 Node、yeoman 打造自己的脚手架

  • 从零搭建 webpack 脚手架

扫一扫，分享到微信

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia-plus根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

前端圈