最近學習angular4.0，在練習是需要使用jquery和bootstrap。但是查閱了，大多數都是angular2的方法，或者是angular4.0的方法但是不准確。花了一些時間終於搗騰出來了，把使用的方法分享給大家。進入正題，angular導入第三方框架幾乎都是一個套路。拿jquery和bootstrap（bootstrap依賴於jquery，所以使用bootstrap必須在jquery的基礎之上）舉例：
1、node環境、cnpm淘寶鏡像、angular cli、以及搭建好的angular4.0項目這些前提條件不多說，不懂的可以自行百度，資料很多；
2、在對應的項目目錄下執行： cnpm i jquery -- save
cnpm i bootstrap --save
執行完后，在package.json文件里面的dependencies可以查看jquery和bootstrap的版本信息：
3、由於angular是使用TypeScript，所以還需安裝對應的類型描述模塊，是TypeScript認識jquery和bootstrap的語法。執行以下命令安裝：
cnpm i @types/jquery --save-dev
cnpm i @types/bootstrap --save-dev
執行完后，在package.json文件里面的devdependencies可以查看jquery和bootstrap的類型描述模塊版本信息：
4、好！現在已經安裝好了，但是你會發現為啥頁面中的樣式並沒有bootstrap的效果？那是因為我們只是安裝了，但是並沒有引入相關的js和css：在.angular-cli.json文件中的apps下的styles和scripts里分別寫入：
"../node_modules/_bootstrap@3.3.7@bootstrap/dist/css/bootstrap.min.css",
"../node_modules/_jquery@3.2.1@jquery/dist/jquery.js",
"../node_modules/_bootstrap@3.3.7@bootstrap/dist/js/bootstrap.min.js"
像這樣：
值得注意的是這里的_bootstrap@3.3.7@bootstrap這個位置（可能直接寫：bootstrap；原因不明）。
5、最容易被忽略也是最重要的一步！！！重啟項目！！！