VueJS基础系列：在Vue中使用bootstrap

1、搭建vue-cli

     这里采用npm方式搭建,npm是node.js自带的软件包管理器，安装完node.js即可使用npm命令。官网下载安装node.js

     使用淘宝镜像：

npm install cnpm -g

      安装vue并创建vue项目：

cnpm install vue

//全局安装vue-cli

cnpm install --global vue-cli

//创建一个基于webpack模板的新项目

vue init webpack my-project

//进入项目安装运行

cd my-project

cnpm install 

cnpm run dev

 

2、安装jquery、bootstrap

     在项目根目录下的package.json文件中添加依赖：

     命令行安装：

cnpm install jquery -S

cnpm install bootstrap -S

cnpm install popper.js -S

      修改webpack.base.conf.js：

       在mian.js中引入：

        命令行运行：cnpm run dev出现错误：

        可选择将eslint中未使用变量规则关闭：

        编辑HelloWorld.vue进行测试

         运行出现错误：

        解决方法：

        在eslint的env中加入jquery:true

        运行成功：