构建Bootstrap源码开发环境

构建Bootstrap源码开发环境
1. 参考 https://getbootstrap.com/docs/4.3/getting-started/build-tools/

2. Install npm
    sudo apt-get install npm
    升级npm为最新版本
    sudo npm install npm@latest -g
    
    查看版本
    pascal@pascal:$  npm -v
    6.9.0
    
     或者:
    pascal@pascal:$ sudo apt-cache madison   npm
           npm | 5.8.0+ds6-4 | http://mirrors.huaweicloud.com/repository/ubuntu disco/universe amd64 Packages
           npm | 5.8.0+ds6-4 | http://mirrors.huaweicloud.com/repository/ubuntu disco/universe i386 Packages



3. Install nodejs
    sudo apt-get install nodejs
    
    查看版本
    pascal@pascal:$ nodejs -v
    v10.15.2

    或者
    pascal@pascal:$ sudo apt-cache madison   nodejs
        nodejs | 10.15.2~dfsg-1 | http://mirrors.huaweicloud.com/repository/ubuntu disco/universe amd64 Packages

git:
https://github.com/pascal19821003/bootstrap-4.3.1_installed


4. Install Ruby
    https://www.ruby-lang.org/en/documentation/installation/
    检查是否已经安装
    You may already have Ruby installed on your computer. You can check inside a terminal emulator by typing:
    ruby -v
    
    安装
    apt (Debian or Ubuntu)

    Debian GNU/Linux and Ubuntu use the apt package manager. You can use it like this:

    $ sudo apt-get install ruby-full

5. install Bundler  
     gem install bundler

6. install all Ruby dependencies, such as Jekyll and plugins
    bundle install --verbose
    
7. 使用bundler安装jekyll
    https://blog.csdn.net/jasonzhoujx/article/details/81122852
        安装ruby和ruby-dev
        sudo apt install ruby ruby-dev
    通过ruby的安装器gem安装bundler
        sudo gem install bundler
    通过bundler批量安装jekyll组件
        bundle install

    到nokogiri时终止了安装,搜索网上的问题解决办法后,发现是一些第三方依赖库没有安装,linux下在终端中输入以下命令,在手动安装nokogiri,成功!
        sudo apt-get install libz-dev libiconv-hook1 libiconv-hook-dev

        sudo gem install nokogiri -v '1.8.4'


    回过头来根据Gemfile安装jekyll
        bundle install

    试试能不能启动jekyll,成功!在浏览器中网址栏输入localhost:4000,验证jekyll的运行情况
        bundle exec jekyll serve

    浏览器访问页面

8. Using npm scripts
    npm run dist
    npm test
    npm run docs
    Run npm run to see all the npm scripts.

9. start jekyll serve
    bundle exec jekyll serve

   此时,可以通过浏览器访问bootstrap文档,samples等。

git:
https://github.com/pascal19821003/bootstrap-4.3.1_installed

转载于:https://www.cnblogs.com/pascal1000/p/10888616.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值