精华内容
下载资源
问答
  • 脚手架的含义,什么是脚手架?什么才能叫做脚手架!(博主自己观点)
    千次阅读
    2021-05-29 10:02:31

    其实好很多做前端的小伙伴,提到脚手架可能会想到 vue的cli ,不过确实没错这个就是脚手架。

    但是昨晚在群里一个小伙伴提出了,vue-elemnt-admin,layuimin(基于layui的一个后台管理系统模板) 这个也是脚手架,我反驳到这个严格意义上 并不能算是脚手架,

    他的反驳是 只要能实现快速开发的架子其实都可以称为脚手架。这个我就有点疑惑了,他也列举出来 百度上的一些博文文档,有人写博客的时候 确实会叫 layuimin是脚手架。

    好了 让我们来复习下 什么是 脚手架。

    首先脚手架的含义就是从工地那边来的
    脚手架是为了保证各施工过程顺利进行而搭设的工作平台。

    在前端范畴中 脚手架是一个工具,安装完脚手架之后可以通过一些命令来快速实现 我们项目基础环境的搭建,不用一个一个自己去配置各种文件,帮我们自动生成了规范性的项目文件目录。

    就单纯从前端这块来说吧, 狭义的说,脚手架让我们通过输入命令快速创建好下那个木目录,比如 koa genenrator, express, vue-cli create-react-app, ng new,
    flutter create; 这些这可以称为脚手架,可以让我们不用繁琐的一遍一遍重复做一些事情。

    如果 很多人写项目的时候,没有脚手架的话,很多项目初期做的事情基本上都是一样的,都是安装依赖包,各种打包配置,没有脚手架工具的话,那么可能每个公司有自己的项目的结构和文件命名规范,给我们程序员也带来很多不便,每次跳槽熟悉项目会很难受。

    总结下:
    是脚手架的话,要满足几点呢

    1. 输入命令快速生成文件目录 (这点很重要)
    2. 通过构建工具(webpack,glup,rolup) 打包项目文件 (并不是必须的,因为node服务器端的脚手架就不需要构建)
    3. 挺高项目开发效率

    这样的话,如果说 别人写好的一个项目,可能是基于vue和element做的一个很优秀的后台模板,然后上传到git上,然后你说这个项目是脚手架,这个严格意义上并不算是, 因为它本身就是一个基于 vue脚手架生成的项目,然后自己有扩展了一些常用的功能,你可以成为他是一个 优秀的后台模板,说成"脚手架" 确实欠妥了。

    以上仅代表个人观点,如果非得从广义上来说,帮我们快速实现项目的架子都叫脚手架的话,其实这样也不用辩驳吧。两者都有道理吧,

    关注我 持续更新前端知识

    更多相关内容
  • 构建java web脚手架

    千次阅读 2021-03-08 01:04:46
    前言程序员无论使用哪种语言进行开发,如果想更快地完成任务,使用一个趁手的ide是第一步,这里我推荐使用IntelliJ IDEA。...目标通过构建java web开发的脚手架,能够熟悉搭建过程,可以针对不同的项目情况...

    前言

    程序员无论使用哪种语言进行开发,如果想更快地完成任务,使用一个趁手的ide是第一步,这里我推荐使用IntelliJ IDEA。具体原因我不多说了,大家可以尝试用用看看是不是很贴合程序员的需求。第二个让你高效开发的方法是使用优秀的类库,这里我们要感谢很多大咖把一些通用的功能做成类包。我们基于上述前提进行后续的制作。

    目标通过构建java web开发的脚手架,能够熟悉搭建过程,可以针对不同的项目情况进行微调。

    理解样例代码中每个类、方法的作用,可以理顺开发过程。过程

    一、创建项目

    64599fadf3fc19e7deda68a06424fbd7.png

    在弹出的页面中选择Spring Initializr,并指定jdk版本。然后点击Next。

    5361dabaf1462b398c6d06c216ea5805.png

    b5b7d0e84288a651113763b2c932b82b.png

    选择类包。可以在这步选择基本类包,其他需要的类包后续也可以在maven配置文件中添加。方便我们在不同的环境中进行适配。我这里只添加了Spring Web。

    展开全文
  • 前端开发中的"脚手架"是什么意思

    万次阅读 2018-11-20 11:11:47
    最近经常看到“脚手架”这个词,按照我个人的理解,这个就是一个比喻,比喻项目开发的前期工作。每次开始一个项目,你得先把整个文件目录结构搭好把,把必要的文件先建好。这个过程每次新建项目都需要,其实这个就是...

           最近经常看到“脚手架”这个词,按照我个人的理解,这个就是一个比喻,比喻项目开发的前期工作。每次开始一个项目,你得先把整个文件目录结构搭好把,把必要的文件先建好。这个过程每次新建项目都需要,其实这个就是脚手架 该干的活。再说明白点,这个脚手架就是个项目模板,有了他能给我省很多事。就像在后台创建Maven项目时,可以直接Create from archetype

    这个 archetype就是个原型或者说是模板,跟这个脚手架差不多。推荐个阿里的前端脚手架:https://ng-alain.github.io/ng-alain/#/dashboard/v1

     

    展开全文
  • 以下是在网上查到的对脚手架的各种解释: 1、脚手架是指通过输入简单指令帮助你快速搭建好一个基本环境的工具,就比如gulp是任务自动构建工具,gulp-cli则是以命令行的形式安装和操作gulp的工具 2、脚手架,那就离...

    以下是在网上查到的对脚手架的各种解释:

    1、脚手架是指通过输入简单指令帮助你快速搭建好一个基本环境的工具,就比如gulp是任务自动构建工具,gulp-cli则是以命令行的形式安装和操作gulp的工具

    2、脚手架,那就离不开webpack glup 这样的构建工具。有了脚手架,就直接开始写业务逻辑,不用操心压缩文件,混淆代码,编译sass less stylus等这样的工作

    3:

    作者:Mukti
    链接:https://www.zhihu.com/question/47731497/answer/147672677
    来源:知乎
    著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

    首先,脚手架是什么?

    个人觉得“脚手架”只是一个宽泛的概念,只是一个或者一套“搭建工具”的总称,这些工具能够帮助你更好的去完成前端代码构建。传统中我们写前端代码并不需要所谓的脚手架,一个html加上css和js,你所需要的工具一个编辑器就够了。

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

    gulp可以理解成一个综合工具,可以通过插件将很多前端工具集合起来,快速的构建出来。(和gulp相提并论的还有grunt)。

    现在比较流行的方法是基于node来搭建前端预编译的环境,这个就区别于以前直接在浏览器中直接以引入js文件的形式引入一个工具插件(比如sea.js,require.js,甚至jquery.js)。

    在node中,我们使用一个叫做npm的工具,用来安装、管理我们前端工作需要用到的包(package),这时候,“cli”就好理解了,cli其实就是“command line interface 命令行界面”,一般就是指npm中的插件(你可以理解成windows中的exe这个概念)。

    搭建gulp的运行环境我们需要在node中安装gulp包:
    1.全局安装:npm install --global gulp
    2.在你的项目开发目录安装:npm install --save-dev gulp
    完成这两步你才能在你目前的项目中使用gulp。

    那么,gulp-cli又是个什么鬼呢?其实,gulp-cli也是gulp推出的一个npm包,为了和gulp包做区别,加了cli,只是一个名称而已(如果gulp的开发人员乐意,也可以叫gulp-hahaha)。两者的区别在于,如果你在全局安装中使用命令:
    npm install --global gulp-cli
    那么你就可以在你的多个项目开发目录中使用不同版本的gulp。

    一句话,你全局安装gulp-cli之后可以在不同的项目中使用不同的gulp版本。
    4:
    作者:flowmemo
    链接:https://www.zhihu.com/question/47731497/answer/107667684
    来源:知乎
    著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

    一般来说,脚手架是帮你减少「为减少重复性工作而做的重复性工作」的工具.

    gulp和gulp-cli的区别可以看这个task - what does gulp-"cli" stands for? . 它跟前端常说的脚手架(scaffold)不是一个东西. CLI只是Command Line Interface的缩写.
    ====
    举个例子
    你要写一个项目0,源语言为ES6,用了sass, 后端是node. 你每次完成一部分功能,你都要用把ES6编译到ES5、编译sass、压缩html文件.
    每次修改代码都要做的编译ES6、sass、压缩html这些就是重复性工作.

    后来你知道了gulp, 然后你写了个gulp脚本,每次有代码改动,一句gulp build就帮你完成了上面说的这些重复性工作. 你写的gulp脚本就是为减少重复性工作而做的工作.

    你写完这个项目0之后,你又要写项目1,还是ES6、sass、后端node,还要完成之前的那些重复性工作. 这个时候你又为了这个项目写了一个类似gulp脚本.

    后来你又写了项目2、项目3···,你每次都用相同的技术栈,每次的gulp脚本都大同小异,这时候你发现,写这么多gulp脚本也成了重复性工作. 这就是为减少重复性工作而做的重复性工作.

    而脚手架就可以帮你减少这些为减少重复性工作而做的重复性工作. 脚手架一个命令,目录结构、gulp脚本、babel配置、空的测试文件都帮你搞好了. 直接写核心业务代码,不做重复性工作,这就是脚手架的作用.

    当然一般不同的技术技术栈会有自己的目录结构、工作流程,所以很多前端框架比如vue、angular、 ember会有自己的脚手架工具(一般就叫XXX-cli). yeoman也可以根据不同的生成器(generator)成为不同项目的脚手架工具.
     
    总结,我自己觉得第4个最靠谱,脚手架就是为了帮你减少[为了减少重复性工作而做的重复性工作]的工具,如果是为了减少前端重复性工作而做的重复性工作,则会被人统称为前端脚手架,如果是为减少后端重复性工作而做的工具,则会被称为后端脚手架工具,一般而言后端的脚手架工具,通常,
    可以将具有统一授权、认证后台管理系统(统一授权、认证后台管理系统,其中包含具备用户管理、资源权限管理、网关API管理等多个模块,支持多业务系统并行开发),作为后端服务的开发脚手架。

    转载于:https://www.cnblogs.com/w-essay/p/7595005.html

    展开全文
  • 詹戈克里 基于DRF的Django轻量级Web开发脚手架 不定期更新;)
  • Go web 开发脚手架主要由下面几个第三方库集成,简单、灵活,可以快速开发 web 项目路由:github.com/gorilla/mux渲染模板:github.com/unrolled/renderCookie封装:github.com/gorilla/securecookie中间件:github....
  • 基于CLEVER Framework的Web应用程序的Web脚手架工具。 cli提供了许多有用的功能,例如用于创建新程序包的脚手架选项,为用户分配角色,检查mongo状态,添加/删除程序包以及列出当前安装的程序包。 资料库包含 用于...
  •   一个基于SSM的Web脚手架工程,在这里我会从零开始,一步步引入模板语言,引入MySQL,引入Redis,引入Elasticsearch,引入MQ,同时模块分层,并且会将我平时写的不错的可以通用的类,或者不错的设计放进来。...
  • goweb项目通用脚手架

    2022-01-25 18:08:09
    这是项目需要用到的总目录,可以在此基础上构建你的项目,下面我将介绍每一部分的功能,以及演示各部分的代码。 首先是main函数: package main ... "web_app/dao/mysql" "web_app/dao/redis" "we
  • bb-mt B2B Web应用程序的Web脚手架工具 开始吧 npm install -g bb-mt 用法
  • 针对微信移动web场景的动效模板脚手架,可用来制作翻页动画,各种推广宣传H5页面。包括移动端自适应(rem 或 zoom),雪碧图合并,hot reload,以及翻屏组件,重力感应,微信分享等一系列的开发库,通过webpack进行...
  • 基于vue的web项目搭建(二)(web脚手架搭建) 一、操作流程 全局安装淘宝镜像 全局更新npm 全局安装vue脚手架, 即vue-cli 全局指定安装vue、elementui版本 全局安装淘宝镜像 在键盘按下【win+R】键,输入cmd...
  • 纯属学习之用,参考了element-ui官网上的例子,也有部分bootstrap的UI,先导入main.sql到mysql当中,登录admin,admin
  • 微服务本身是一种架构风格,也是指导组织构建软件的一系列最佳实践集合。...什么是脚手架 脚手架是一种用在建筑领域的辅助工具,或者说是为了保证各施工过程顺利进行而搭设的工作平台,有兴趣的读者可自
  • flask-adminlte-handler简介flask-adminlte-handler是一个Python环境下的WEB后台管理系统脚手架,目标是用极少量的代码,快速构建小型WEB应用。请勿在大中型项目中进行尝试。使用较传统的重后端+轻前端的方式,降低...
  • Gin+Gorm开发Golang API快速开发脚手架 Singo Singo: Simple Single Golang Web Service go-crud正式改名为Singo! 使用Singo开发Web服务: 用最简单的架构,实现够用的框架,服务海量用户 ... Singo文档 ...
  • 企业级Node API 服务脚手架 功能列表 环境区分 多人协同 session共享 路由自动化 业务分层 ORM 日志系统(链路跟踪) 进程守护 功能介绍 业务逻辑与控制流程分开 业务代码处理都在controller内 控制器主要用于控制...
  • 栗林 Web 项目的脚手架 要求 安装 安装 $ npm install -g grunt-cli 开始 跑步 $ make install $ grunt 享受 您的 Web 项目位于 :)
  • NULL 博文链接:https://o0o0o0o.iteye.com/blog/563851
  • 使用loopback.js和next.js的网络应用程序脚手架。 入门 git clone https://github.com/haotangio/loopnext.git <YOUR> npm install # Create .env file to hold environment variables cp example.env .env npm ...
  • Java web 项目脚手架 基于SpringBoot的rest web基础脚手架,实现java工程快速开发。适用于各种外包项目,拿起就用 Feature Rest web框架 多模块解耦(api,service,common,consumer等) Mysql 配置 Mybatis框架 lombok ...
  • 脚手架是啥 从前我总觉得脚手架是个很高大上的东西,好像得牛叉:ox:一点的人才写的出来,可望而不可即。其实并不是因为困难使我们放弃,而是因为...但你有没有想过为什么我们执行 vue init 这个命令就能有个自己的项
  • 主要给大家介绍了关于webstorm建立vue-cli脚手架的傻瓜式教程,文中通过图文介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
  • 此项目为个人博客搭建,纯代码手写堆叠,没有用到第三方的模板,适合前端小白+懂点后端的小白,简单,涉及前端+后端(Node JS+expres)+数据库(MongoDB)
  • Go+gin+gorm搭建web开发脚手架(一)

    千次阅读 2020-08-01 20:12:01
    Go+gin+gorm搭建web开发脚手架(一) 原因: 网上有很多大佬的脚手架,但是自己打算开发一款适合自己的, 因为前端不是太熟练,东西也是一点点往上添加,不喜勿喷. 前期准备工作 代码先做整理,后期发布到github上去,喜欢的...
  • npm install -g generator-ask-web 您已准备就绪,可以搭建一个项目! 用法 首先为您的项目创建一个目录并导航至该目录: mkdir my-project && cd my-project 然后通过执行以下操作来启动生成器: yo ask-web ...
  • vanillawc:Vanilla Web组件。 一个无框架,无编译器,无脚手架Web组件的地方
  • 用于生成react web项目的脚手架工具
  • Go web 开发gin框架开发通用模板配置文件模块日志记录模块Mysql数据库模块Redis模块路由模块Main函数模块 gin框架开发通用模板 为了方便以后的开发需要哈,今天搞一套比较实用的开发脚手架 其中包含了 配置文件 、...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 23,463
精华内容 9,385
关键字:

web脚手架是什么