bootstrap 4 搭建绿色编译环境 本地文档 重新编译

本文针对新手,详细介绍了如何在Windows上搭建Bootstrap 4.2.1的编译环境,包括下载源码、安装NODEJS、Ruby及Jekyll,设置环境变量,并通过Webpack和jekyll进行编译和文档生成。通过这个过程,读者可以了解前端构建工具和文档系统的搭建步骤。
摘要由CSDN通过智能技术生成

作者非专业人员,本文章仅适用于新手,仅供参考。如果我的文章有问题,请帮我留言,我好及时改正。

bootstrap 是使用webpack构建的。

webpack它是一个前端构建工具,能打包代码、压缩代码、源码合并等。用我的土话说:webpack他的一个主要功能能把js、css源代码打包成适合在项目里使用的 .min.js文件,特点是体积小,易于加载。项目里引用的bootstrap.min.js就是这么来的。

webpack 是NODEJS的组件。

bootsrap的文档系统是基于jekyll构建的,jekyll又是基于Ruby的组件。

因此想在windows上体验全部功能,以上环境是必须搭建的。

需要搭建NODEJS后添加webpack组件;搭建Ruby后添加jekyll组件;

如果不想在本地看文档,那么可以不搭建Ruby环境与jekyll组件。

 

1、下载bootstrap 4.2.1源码

访问 https://github.com/twbs/bootstrap/ 

Tags 选择 V4.2.1  然后 Clone or download  下载zip,或者使用git下载。

最后得到: bootstrap-4.2.1.zip

2、下载NODEJS

由于说要使用绿色环境,那么,就下载windows zip版本的。

访问 英文官网 https://nodejs.org/en/download/

直连地址:https://nodejs.org/dist/v10.15.0/node-v10.15.0-win-x64.zip

或者使用其他下载地址:

最后得到:node-v10.15.0-win-x64.zip

3、下载Runy 

我们的目的是使用jekyll,安装官网https://jekyllrb.com/docs/installation/windows/的说明 进行操作。

下载此带devkit版本的

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值