Php 如何正确地将最新的引导版本安装到我的Laravel 5.4 web应用程序中？

我在PHP和Laravel方面都是新手，我有以下问题：我必须正确地将最新的BootstrapCSS框架版本安装到我的Laravel应用程序中

<script src="/js/app.js"></script> (Or it would be already imported)

进入引导下载页面：

它说我可以使用作曲家通过以下步骤来完成：

composer require twbs/bootstrap

因此，我尝试并在控制台中获得了以下输出：

Andrea@Andrea-PC MINGW64 /c/xampp/htdocs/HotelRegistration
$ composer require twbs/bootstrap
Using version ^3.3 for twbs/bootstrap
./composer.json has been updated
Loading composer repositories with package information
Updating dependencies (including require-dev)
Package operations: 1 install, 0 updates, 0 removals
  - Installing twbs/bootstrap (v3.3.7) Downloading: 100%
Package illuminate/html is abandoned, you should avoid using it. Use laravelcollective/html instead.
Writing lock file
Generating autoload files
> Illuminate\Foundation\ComposerScripts::postUpdate
> php artisan optimize
Generating optimized class loader
The compiled services file has been removed.

前一个输出的确切含义是什么？成功了吗？我的疑问是，我无法在项目的../resources/assets目录中找到bootstrap.css文件

为什么?？我错过了什么？如何在我的项目中使用引导

编辑1:我看到作曲家已将引导放在该文件夹中：

../vendor/twbs/bootstrap/dist/css/bootstrap.css

那么,按照这个So链接:

我试着做：

php artisan asset:publish --path="vendor/twbs/dist/css" bootstrap/css

要将供应商/twbs/dist/css的内容作为资产公开，但我收到以下错误消息：

Andrea@Andrea-PC MINGW64 /c/xampp/htdocs/HotelRegistration
$ php artisan asset:publish --path="vendor/twbs/dist/css" bootstrap/css


  [Symfony\Component\Console\Exception\CommandNotFoundException]
  There are no commands defined in the "asset" namespace.

因此，资产状态似乎不存在

---

我该怎么办？

您导入引导程序的方式不对。大多数情况下，laravel使用composer来提取服务器端库。引导基本上用于前端

默认情况下，Laravel为您提供引导

以下是将对您有所帮助的步骤

步骤1：检查机器上是否安装了Node.js和NPM

node -v
npm -v

如果没有安装，请不要担心，这是最新版本

步骤2：（考虑到您安装了node.js）转到项目根文件夹并执行以下命令

npm install

此命令将下载所有先决条件以及引导

步骤3：编译所需的js文件

npm run dev

步骤4：将js文件添加到应用程序中

<script src="/js/app.js"></script> (Or it would be already imported)

（或者已经导入）

就这样

你可以找到更多和更多

---

希望它能帮助你

如果我是你，我不会这么做，在全新安装laravel 5.4 twitter bootstrap之后，你只需要使用npm加载依赖项即可

安装npm依赖项：

npm install 

然后，在项目中实现引导现在很简单。打开resources/assets/sass/app.scss并查看此行：

@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";

现在要将所有引导sass文件编译到您的公用文件夹

public/

，您应该使用

npm-run-dev

或

npm-run-production

，如果您在生产环境中

然后您就可以使用所有的引导样式了。

---

这就是所需的全部功能。

****通过以下步骤可以轻松安装Bootstrap 4****

步骤1-删除现有引导

卸载引导程序

npm uninstall --save-dev bootstrap-sass

步骤2-安装引导程序4

安装Bootstrap 4 beta和PopperJ

npm install --save-dev bootstrap@^4.0.0-beta.2 popper.js

步骤3-更新代码引用

在resources/assets/js/bootstrap.js中替换

try {
    window.$ = window.jQuery = require('jquery');
    require('bootstrap-sass');
} catch (e) {}

与

在resources/assets/sass/app.scss中替换

@import “~bootstrap-sass/assets/stylesheets/bootstrap”

与

@导入“~bootstrap/scss/bootstrap.scss”

In resources/assets/sass/_variable.scss replace

$font-size-base: 14px;

与

步骤4-重新编译资产 跑

现在您已经删除了所有Bootstrap 3引用并安装了Bootstrap 4，这对我很有用：

• 运行php artisan预设引导程序

• 如果不是从中安装node.js
  • 运行

    npm安装

• 运行

  npm运行dev

---

并在HTML中使用这些：

<link href="{{ asset('css/app.css') }}" rel="stylesheet">

<script src="{{ asset('js/app.js') }}"></script>

好的，我已经完成了，但是bootstrap.css文件在哪里？如何将其导入到视图中？所以我可以使用引导类…只需将

添加到head标记。就这样！。所有东西都将导入。[这里]（）您可以了解更多它的工作原理。要运行“gulp”，我必须做些什么？我必须安装它吗？@abdou tahir，你不能在Laravel 5.4中使用gulp，因为在L5.4中，长生不老药被mix取代。您需要使用

$npm run（dev | production）

@VaibhavrajRoham此声明的具体功能是什么？嘿@blablabla，我认为Roham是对的，我会更新我的答案。您应该使用npm run dev在本地编译您的资产并观察更改。简而言之，它编译所有js和css文件并合并到单个js和css文件中。

npm run dev

<link href="{{ asset('css/app.css') }}" rel="stylesheet">

<script src="{{ asset('js/app.js') }}"></script>