ターミナルを使用してUbuntuにブートストラップをインストールする方法

Bootstrap は、フロントエンド Web フレームワークを提供するために開発された、Github で利用できる無料のオープンソース プロジェクトです。世界中の大規模な開発者コミュニティによってサポートおよび開発され続けています。 Bootstrap は、応答性が高くインタラクティブな Web アプリケーションを作成するためのプラットフォームを Web 開発者に提供または支援します。

これは、HTML、CSS、JavaScript を組み合わせて構成されます。 HTML と CSS はボタン、ナビゲーション、インターフェイスの残りの部分などのアプリのグラフィカル要素のデザインに使用され、Java は Web アプリの機能を拡張するためにすべてのインタラクティブな要素を機能させるために使用されます。 Linux オペレーティング システムを使用した Web 開発の初心者の場合、これらのコマンドはコマンド ターミナル経由で Ubuntu にブートストラップをインストールするのに役立ちます。

ターミナルを使用して Ubuntu にブートストラップをインストールする

ステップ 1: ターミナルを開く

ここでは Ubuntu 19.04 を使用していますが、チュートリアルの手順は、Ubuntu 18.10/18.04-16.04-15.04 などの他の古いバージョンでも同じです。

ターミナルを開くには、次のいずれかを押しますCTRL+ALT+Tボタンをすべてクリックするか、Ubuntu デスクトップの空白領域の任意の場所を右クリックして、ターミナルを開くオプション。

Ubuntu にブートストラップをインストールする方法は複数あります。要件に合ったものを選択してください。

git を使用してブートストラップを直接ダウンロードし、コンパイルされた CSS と JavaScript を取得します

wget コマンドを使用して公式 Web サイトから Bootstrap プロジェクトを直接ダウンロードするか、git を使用してクローンを作成できます。ダウンロードしたブートストラップ フォルダーには、コンパイル済みの CSS と JavaScript がすべて含まれています。その中にindex.htmlを作成して、Bootstrapの曲線を学び始めてください。

注記: jQuery や Popper.js などの JavaScript の依存関係は、個別にダウンロードしてインストールする必要があります。

sudo apt-get install git
git clone https://github.com/twbs/bootstrap.git

npmでブートストラップをインストールする方法

NPM (Node Package Manager) は、JavaScript パッケージ管理に使用されるオープンソースのパッケージ マネージャーです。パブリックとプライベートの両方の異なるパッケージのオンライン データベースがあります。このデータベースは NPM レジストリと呼ばれます。 Node.js では、デフォルトのパッケージ マネージャーとして提供され、コマンド ライン クライアント NPM を使用します。そして、この npm 単一コマンドを使用して、Ubuntu にブートストラップ パッケージをダウンロードしてインストールできます。

sudo apt-get install npm
npm install bootstrap

2 番目の方法 – 糸を使用してブートストラップをインストールする

糸はコードのパッケージマネージャーです。これにより、世界中の他の開発者とコードを使用したり共有したりできます。コードは、共有されるすべてのコードと、パッケージを説明する package.json ファイルを含むパッケージを通じて共有されます。

Ubuntu に Yarn をインストールする

curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list
sudo apt-get update 
sudo apt-get install yarn

Yarn Install ブートストラップ コマンド

yarn install bootstrap

Composer を使用した Ubuntu ブートストラップ インストール

Composer は、PHP ソフトウェアと必要なライブラリの依存関係を管理するための標準形式を提供する、PHP プログラミング言語のアプリケーション レベルのパッケージ マネージャーです。

sudo apt install php7.3-cli

curl -sS https://getcomposer.org/installer | php 

sudo apt-get install composer

composer require twbs/bootstrap

NuGet を使用してインストールします。

NuGet は .NET のパッケージ マネージャーであり、NuGet ギャラリー (基本的には Nuget で使用可能なすべてのパッケージの中央パッケージ リポジトリ) からパッケージをフェッチする機能も備えています。についてもっと知るナゲット Wiki

Linux Ubuntu に NuGet をインストールするコマンド

sudo apt install nuget

NuGetを使用してブートストラップするコマンド

ブートストラップCSSの場合

nuget install bootstrap

Bootstrap Sass の場合:

nuget install bootstrap.sass

Meteor によるブートストラップのインストール

Meteor は MeteorJS としても知られ、JavaScript ベースの Web フレームワークであり、無料で使用および配布できるオープン ソースでもあります。 Node.js を使用して記述されており、単一の記述コードを複数のプラットフォームで使用できます。 Meteor の詳細については、以下を参照してください。 流星Wiki

Meteor JavaScript Web アプリケーション フレームワークを Ubuntu にインストールする

curl https://install.meteor.com/ | sh

Meteorアプリを作成する

Meteor でブートストラップ パッケージをダウンロードするには、まずブートストラップを使用するプロジェクト/アプリを作成する必要があります。そのためのコマンドは meteor create (アプリ名) です。この例では、アプリ名に「h2s」を付けているため、次のようになります。

meteor create h2s

次に、作成したアプリに入り、ブートストラップ パッケージをダウンロードします。

cd h2s

meteor add twbs:bootstrap

アプリを起動して確認するには、次のように入力するだけです

meteor

Meteor を使用してブートストラップをインストールするコマンド

meteor add twbs:bootstrap

bower で Bootrap をインストールする

すでに npm がインストールされている場合は、bower を使用して Ubuntu システムでブートストラップを取得できます。以下のコマンドを使用するだけです。

NPM を使用して Bower をインストールするには

sudo npm install -g bower

ブートストラップのダウンロード用

bower install bootstrap

読むべきその他のリソース: