angular4.0引入安裝第三方外掛以及自己寫的css，js

阿新 • • 發佈：2019-01-19

安裝第三方外掛（jquery，bootstrap等）

由於修改了angular-cli.json所以修改完成後一定要重啟專案

jquery安裝

進入專案目錄輸入（可以使用淘寶映象）
npm install –save jquery
npm install @types/jquery –save
安裝完成開啟package.json可以看到jquery版本

  "dependencies": {
    ...
    "@types/jquery": "^3.3.5",
    "jquery": "^3.3.1",
    ...
  },

jquery使用
如果只是在元件使用的話按這樣
這裡寫圖片描述

html中是這樣的

實際效果圖
這裡寫圖片描述

如果是其餘外掛需要用到jquery則需要在angular-cli中引用如下為echart跟angular結合的china.js需要用到
這裡寫圖片描述
此時並不一定需要npm安裝jquery可以下載了放在assets資料夾中然後引入引入方法如上圖echarts.js等的引入方式

bootstrap安裝
進入專案目錄
cnpm i bootstrap –save
cnpm i @types/bootstrap –save
檢視版本

  "dependencies": {
...
    "@types/bootstrap": "^4.1.2" 
,
    "bootstrap": "^4.1.3",
...
  },

然後是引入這個需要引入css
可以在angular-cli.json引入同時也可以在styles.css 我是在styles引入的比較方便

@import url("../node_modules/bootstrap/dist/css/bootstrap.min.css");

然後這是程式碼和效果

效果
這裡寫圖片描述

angular4.0引入安裝第三方外掛以及自己寫的css，js

安裝第三方外掛（jquery，bootstrap等）由於修改了angular-cli.json所以修改完成後一定要重啟專案 jquery安裝進入專案目錄輸入（可以使用淘寶映象） npm install –save jquery npm in

[python]解決Windows下安裝第三方外掛報錯：UnicodeDecodeError: 'ascii' codec can't decode byte 0xcb in position 0:

系統：win10 IDE：pycharm Python版本：2.7 安裝第三方外掛是報錯：報錯原因與編碼有關，pip把下載的臨時檔案存放在了使用者臨時檔案中，這個目錄一般是C:\Users

下載sublime_text和安裝其外掛以及破解補丁

1.下載sublime_text 1-1附上官網地址：https://www.sublimetext.com/ 我下載的放在百度網盤上：連結：https://pan.baidu.com/s/1Yxelq3YLeq-CBSWGbjnNNw 密碼：gso0 1-2下載完後直接去下載外掛：em

elasticsearch 5 0 版本安裝head外掛

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！

JDK8 and Jmeter4.0 下載安裝具體流程以及執行出現問題的解決方案

哈嘍能看到你真的是太好啦這是小鳳梨的第一篇謝謝瀏覽小夥伴們要注意，在安裝jmeter之前，首先需要安裝JDK, 由於jmeter執行是基於java的,所以需要下載1.7以上的jdk。我下載的是JDK8. 配置系統環境變數【變數名】：JAVA_

【win10】Sublime Text3安裝SublimeREPL外掛以及快捷鍵設定

1、安裝SublimeREPL 手動安裝，在github上面下載，然後放到下面的資料夾裡面就可以： 2、配置快捷鍵之前在網站上面看了很多教程，發現都無法繫結快捷鍵，按了f5沒有任何反應。後面我修改了一下就可以成功綁定了：（不知道修改原理，勿噴）在剛剛的

intellid idea安裝plantUML外掛以及錯誤解決

1、下載plantUML外掛 plantuml4idea.zip 2、intellid idea離線安裝plantUML外掛 file =》 settings =》 plugins =》 ins

安裝 IDEA、安裝 Scala 外掛以及匯入 Spark 原始碼

IDEA 全稱 IntelliJ IDEA，是 java 語言開發的整合環境（IDE），IntelliJ 在業界被公認為最好的 java 開發工具之一，尤其在智慧程式碼助手、程式碼自動提示、重構、J2EE 支援、Ant、JUnit、CVS整合、程式碼審查、創新

Eclipse安裝git外掛以及關聯匯入GitHub專案

Eclipse安裝git外掛以及關聯匯入Github專案一、Eclipse配置git 1.檢視自己eclipse的版本開啟eclipse 導航: help->AboutEclipse 如圖：或者找到eclipse的解壓檔案，開啟.eclipseproduc

用Genymotion虛擬機器在Android 6.0下安裝Xposed框架以及Root

最近在研究Xposed框架下的開發，由於之前玩手機的時候裝了一堆模組，導致框架下一堆別的模組產生的Log，而且開機奇慢無比，但Xposed模組更新後必須重啟，測試程式碼時候簡直就是噩夢。因此想用虛擬機器來進行測試，研究了幾個小時，踩了各種坑，總結一下過程分享給大

eclipse之安裝第三方外掛

1、Help → Marketplace（需載入一段時間） 2、以 hibernate 外掛安裝為例在搜尋框中輸入 JBoss，找到 JBoss Tools，點選 Install選擇 JBos

eclipse安裝git外掛以及使用教程

注意，紅色標識部分不要勾選，否則後續提交程式碼時會出現衝突。訪問http://www.eclipse.org/egit/download/，如下圖所示的兩處高亮處，先複製第二個網址，也就是先安裝GitHub。兩處高亮處url地址下面附上。這裡寫

關於pip安裝第三方庫以及pycharm中匯入第三方庫的問題

pip安裝的話，找到自己安裝python的路徑，在安裝路徑下會有一個資料夾，比如我的安裝路徑是c盤我是預設安裝路徑，在裡面有一個python36資料夾。哦對了，你們安裝python的時候，我的是3.6版本，在安裝介面記得吧add path這個選項勾上，這是幫你自動新增路徑。

chrome 安裝 gliffy外掛以及使用

由於專案中最近使用gliffy檢視之前的檔案，且chrome在最新的版本以後無法離線安裝crx外掛，本人搜尋後成功安裝gliffy外掛並使用，特此記錄。安裝需要： chrome外掛安裝輔助程式：crxhelp gliffy檔案：https://pan.baidu.

遮蔽Google Chrome安裝第三方外掛之後反覆提示“請停用以開發者模式執行的擴充套件程式”

在Google Chrome安裝第三方外掛之後反覆提示“請停用以開發者模式執行的擴充套件程式” 解決方法： 1.、下載Chrome組策略管理模板 chrome.adm 連結：https://pan.baidu.com/s/1yFcebPNKk7BdXR3ZGSMEoQ

VUE全域性安裝第三方外掛

最近在學習VUE的過程中，需要引用第三方外掛jquery，我們在使用jquery時，可以直接通過script標籤引入，但是這種方法並不是全域性方式，需要在每一個vue元件都去引用才可以生效，為了使用簡單，我們現在可以通過以下方式來配置全域性的jquery使

sublime3使用：自定義快捷鍵、外掛安裝、語法校驗（css和js）

1.快捷鍵大全： https://mp.csdn.net/postedit/84336764 2.新增快捷鍵：例：ctrl+q 開啟sublime編輯器 preference>>key bindings-user>>編輯設定文件，輸入 { "key

自己寫個vue.js外掛(2):手動掛載子元件

前面我們使用原始的方法寫了一個驗證外掛 1、學會了外掛的建立的方式 2、學會了自定義指令 3、通過自定義指令返回true或false，來控制外部label的顯示和隱藏（注意：外部的label是我們預先寫好的）動手寫程式碼 1、先移除use

sublime3 docblocker外掛定製自己的註釋，配置步驟

DocBlockr很好用，不僅僅可以自動生成註釋，還可以手動編輯註釋的格式。安裝方法： Cmd+Shift+P -> Install Package -> docblockr

自己寫個vue.js外掛(1):自定義指令的妙用

寫個外掛 1.在components 目錄下新建一個validate.js： export default{ install(Vue){ Vue.prototype.$myName = "zhagngsan"; } }

angular4.0引入安裝第三方外掛以及自己寫的css，js

安裝第三方外掛（jquery，bootstrap等）

相關推薦