Bootstrap-Vue.js在IEAD如何创建项目

BootstrapVue是一个基于Vue.js的Bootstrap组件库，它可以帮助你在Vue应用程序中轻松地集成Bootstrap的UI元素。要在Internet Explorer (IE)下使用Bootstrap-Vue创建项目，你需要考虑IE浏览器对新特性及ES6 JavaScript的支持情况。以下是基本步骤：

1. **选择版本兼容**：由于IE的现代支持有限，尤其是IE11，确保选择BootstrapVue的低版本，如v2.x或更早，因为它们通常对旧版本的浏览器有更好的兼容。

2. **安装依赖**：
- 使用npm或yarn管理工具（如在IE11中推荐使用`ie-includes`插件来处理Babel转换）：

     npm install bootstrap-vue@2.x ie-includes @vue/cli-plugin-babel @vue/cli-service-core --save-dev

或者：

     yarn add bootstrap-vue@2.x ie-includes @vue/cli-plugin-babel @vue/cli-service-core --dev

3. **配置构建工具**：
- 如果你使用的是Vue CLI，需要更新`.babelrc`文件以包含对IE的兼容性处理，比如添加`@babel/preset-env`和`@babel/plugin-transform-runtime`：

     {
       "presets": ["@vue/cli-plugin-babel/preset", [
         "@babel/preset-env",
         { "targets": { "browsers": ["> 1%", "last 2 versions", "not IE <= 11"] } }
       ]]
     }

4. **启动项目**：
- 运行 `vue create my-project` 创建一个新的Vue项目，然后按照提示进行设置。
- 选择手动模式 (`--no-webpack`) 或者修改`webpack.config.js`以禁用默认的ES6转译以适应IE。

5. **引入并使用Bootstrap-Vue**：
- 在`src/main.js`中，导入BootstrapVue和相关的样式，并在Vue实例中配置：

     import { BootstrapVue, IconsPlugin } from 'bootstrap-vue'
     import 'bootstrap/dist/css/bootstrap.css'
     import 'bootstrap-vue/dist/bootstrap-vue.css'

     Vue.use(BootstrapVue)
     Vue.use(IconsPlugin)

6. **编写HTML**：
- 在你的模板(`*.vue` 文件）中，可以直接使用Bootstrap-Vue提供的组件，如`<b-button>`。

**注意事项：**
- 需要注意IE浏览器对某些CSS3特性和JavaScript语法的支持限制。
- 考虑使用polyfill或其他库来弥补缺失的功能。