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

1、搭建vue-cli

     這裏採用npm方式搭建,npm是node.js自帶的軟件包管理器，安裝完node.js即可使用npm命令。官網下載安裝node.js

     使用淘寶鏡像：

npm install cpm -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

        運行成功：