文章已經廢棄，當初年少無知犯的錯，不要混用，留作警醒！
最近看了別人做的簡歷，簡單炫酷，自己非常喜歡，於是打算自己做一個，嘗試一下。
由於寫這篇隨筆的時候才開始動工，所以目前沒有成品給大家看。
emmm等我更新完會在最后附上成品。
現在 開始！
首先 配置項目
具體可以看我的 Vue 配置項目
由於需要使用bootstrap，所以我們要安裝jquery和bootstrap。
這里我們采用npm進行安裝。
安裝成功如圖：
然后安裝 jquery 這里根據官方文檔我們選擇v1.12.4
執行 安裝
npm install jquery@1.12.4 --save
再安裝bootstrap v3.3.7
npm install bootstrap@3.3.7 --save-dev
注意：
要在vue中使用jquery我們需要進行一點點小的配置
找到 build/webpack.base.conf.js 打開
找到如圖對應代碼處改為如圖：
'jquery': path.resolve(__dirname, '../node_modules/jquery/src/jquery')
然后我們在 main.js 中使用
import 'bootstrap/dist/css/bootstrap.min.css' import 'bootstrap/dist/js/bootstrap.min.js'
這個時候會 提示 bootstrap必須使用jquery
然后我們在引入之前需要添加
import $ from 'jquery'
如圖：
你有可能會發現這樣一個警告-->
因為我們前面引入了 $ 但是未使用。
這個，可以在需要使用的地方引入，將main.js中的刪去即可。
最后我們可以試試，bs的樣式和jquery的語句。
<template>
<div id="app" class="container">
<h1 class="page-header text-info">Hi World</h1>
</div>
</template>
<script> import $ from 'jquery' export default { name: 'App', mounted: function () { console.log($('.page-header').text()) } } </script>
結果：
duang~完美運行！
這個就是在vue中使用bootstrap
今天先把項目創建好。明天開始搭建框架。
最后提一句：現在前端工作不好找啊，入行需謹慎。（女同胞自動忽略）
還有！高三黨注意。
類似於數字媒體技術這種專業就不要選了，后悔一輩子都是小事，我怕你下輩子還后悔。
不要問我為什么，我是我們學校最后一屆，后無來者。
據知情人士了解，這個專業別人不認！