Question

如何将Bootstrap Vue安装/导入/包含到我的$matches = array(); $input="2 + 3 * 7 / 5 - 3"; preg_match_all("/\d+|[\\+\\-\\/\\*]/",$input,$matches);项目中？我是Vue的新手，我知道如何安装在matches: + 0 - 0 : 2 - 1 : + - 2 : 3 - 3 : * - 4 : 7 - 5 : / - 6 : 5 - 7 : - - 8 : 3应用程序中，但是如何添加它laravel？

app.scss

Vue JS

app.js

laravel

Answer 1

只需在您具有package.json的文件夹内执行npm i vue bootstrap-vue bootstrap或手动更改package.json。然后，您必须添加到./resources/assets/js/bootstrap.js

import Vue from 'vue'
import BootstrapVue from 'bootstrap-vue'

Vue.use(BootstrapVue)

Answer 2

您只需按节点和npm即可执行此操作。在系统中安装节点。然后从项目根目录打开终端，就像使用laravel来运行artisan命令一样。

打开终端时。只需运行

npm i bootstrap-vue // you can also give save falg to save in package.json file

此处未安装vue，因为如果您检查resources目录中的app.js文件，它已经在laravel中安装了成功安装后，您可以通过以下方式将其导入到您的app.js中：

import BootstrapVue from 'bootstrap-vue' //Importing

Vue.use(BootstrapVue) // Telling Vue to use this in whole application

对于CSS 您可以通过简单的方式导入

@import 'node_modules/bootstrap/scss/bootstrap';
@import 'node_modules/bootstrap-vue/src/index.scss';

在app.scss中

所有配置设置完成后运行

npm run dev //这里是webpack的工作

或者如果您正在生产中，则可以通过

npm run production

Answer 3

通过以下方式安装软件包

let resultA = TypeA { A = "abc" }

或

npm install bootstrap-vue

然后，您可以在yarn add bootstrap-vue

之后在 resources \ js \ app.js 中添加此行，从而在全局范围内包含您的库

window.Vue = require('vue');

您可以查看官方Vue documentation进行插件安装

如何在Laravel中包含Bootstrap-Vue

3 个答案: