Bootstrap+Vue.js如何创建项目

使用Bootstrap + Vue.js 创建项目的步骤大致如下：

1. **安装依赖**：
- 首先，确保已经全局安装Node.js和npm（Node包管理器）。然后，在命令行工具（如终端或PowerShell）中创建一个新的项目目录，比如`my-project`：

     mkdir my-project
     cd my-g @vue/cli

- 初始化新的Vue项目：

     vue create . (或者项目名称)

2. **选择Bootstrap集成**：
- 如果你希望使用官方推荐的Boostrap-Vue库，可以选择Vue CLI的"渐进式"选项，因为它会自动包含Bootstrap-Vue：

     vue create my-project --preset=bootstrap

- 或者手动安装：

     npm install bootstrap-vue @fortawesome/fontawesome-free --save

3. **配置项目**：
- 在`src/main.js`文件中引入Bootstrap和Bootstrap-Vue，以及自选的图标库（例如Font Awesome）：

     import 'bootstrap/dist/css/bootstrap.css';
     import 'bootstrap-vue/dist/bootstrap-vue.css';
     import { library } from '@fortawesome/fontawesome-svg-core';
     import { fas } from '@fortawesome/free-solid-svg-icons';
     // 添加其他需要的图标集

     library.add(fas);

4. **开始开发**：
- 创建组件时，可以直接使用Bootstrap的内置元素，如`<b-navbar>`或`<bv-card>`，同时利用Vue.js的指令和组件系统。
- 使用Vue的生命周期钩子、计算属性、事件监听等功能实现应用逻辑。

5. **运行开发服务器**：

   npm run serve

现在你可以打开`http://localhost:8080`查看你的项目，通过修改源码实时看到效果。

记得在开发过程中遵循最佳实践，保持良好的代码组织和文档注释。