JAVA高级面试进阶训练营视频教程

admin

bootstrap的完整引入
创建好项目，初始化项目
检查npm，vue，node，
cd到当前目录，
npm install bootstrap --save --save-exact
// --save是做为依赖库存到package.json中，后面的命令会精确版本号（就是版本前面没有尖括号），在项目开发中还是很需要的，这步比较重要

main.js中进行引入
import ‘bootstrap/dist/css/bootstrap.min.css’
在app.vue中进行布局，然后写大致样式，对其按钮进行测试，
看是否引入成功
运行项目
一定要是当前目录才有效，并且第一次要npm install

引入bootstrap的css文件。如果你是要Vue-cli创建的项目，那么项目中应该已经包含了bootstrap（在node_modules文件夹中）。接下来只要在main.js中引入就可以了。
import Vue from 'vue'
import VueRouter from 'vue-router'
import VueResource from 'vue-resource'
import store from './store/store'
import 'bootstrap/dist/css/bootstrap.css'

 

在hbulider中安装bootstrap是先要在命令层下载bootstrap（CSS和js）以及jQuery，引入三个文件

需要引入自定义css样式的话在该组件的script 中进行引入 

从githup下载完开源项目后的操作还有解决方案
1. 我是昨天晚上在办公室用 vue-cli 初始化了一个项目，然后把项目上传到我的 github 仓库
2. 回到家用自己的电脑，从 github 上 clone 下来，之后 npm isntall npm run dev 能正常运行
3. 然后改了一些文件，增加了一些文件，能正常运行，然后又 push 进 github 仓库了
4. 今天早上来到办公室 把 github 仓库内的项目 pull 到昨天的那个项目目录里，之后 又 npm install，npm run dev，接着就报错了，模块没有安装 然后安装，安装完成之后，还是报错新的模块没有安装，就一直没完没了了
然后，我把 项目中 的 node_modules 目录给删除了，接着重新 npm install ， npm run dev ，就正常运行了