ionic外掛程式基礎(二) 外掛程式的新增刪除

2021-07-16 08:06:20 字數 1666 閱讀 3981

這裡的命令指的是新增刪除編寫好的外掛程式。它並沒有,也不提供start/create等類似的生成外掛程式**框架的功能選項。若我們需要自己編寫自己的外掛程式,則可以使用額外的乙個叫做plugman的工具。

當我們在cmd中進入該目錄,並輸入

ionic plugin list
即可看到當前專案的外掛程式列表:

(1)使用cordova的命令

新增外掛程式:

關於這些外掛程式的新增我們可以去官網檢視,那裡有相應的介紹。

比如我想新增乙個camera的外掛程式,我們可以去到官網:

官網camera外掛程式的鏈結

我們這裡來試一試:

在專案的根目錄下輸入:

然後就會安裝完成,此時我們檢視下我們安裝的外掛程式:

可以發現,我們的plugin list中已經有了camera這個外掛程式

刪除外掛程式:

若我們想刪除這個外掛程式,我們可以根據外掛程式的名字進行刪除:

此時再去檢視我們的外掛程式列表,就可以發現我們已經將其刪除。

(2)使ionic命令

我們上篇文章講到,我們可以使用如下命令

ionic plugin remove 外掛程式名  //先根據上面的list列出外掛程式,然後根據外掛程式名解除安裝

ionic plugin add 外掛程式位址

進行外掛程式的增加刪除,那我們現在試試是不是可行的,對於同乙個cordova的camera外掛程式,我們使用如下命令:

ionic plugin add cordova-plugin

-camera

然後發現我們成功的進行了安裝

刪除同理,執行

ionic plugin remove cordova-plugin

-camera

結果如下:

(3)ngcordova外掛程式的安裝

這個我們後面再研究

ionic日曆外掛程式

1 引入外掛程式的兩個檔案 timepicker.js 和timepicker.css檔案 3 在需要使用時間選擇的地方 寫上 1 頁面樣式的修改 2 支援 yyyy mm dd 格式配置預設時間 3 支援遠端載入預設時間資料 4 其他細節修改 原始碼中有說明 1 新增年份選擇 2 支援設定年月選擇...

ionic 常用外掛程式 tips

本文不是外掛程式詳解,只是羅列公司上線專案中使用到的各種外掛程式以及碰到的坑,如果像詳細了解乙個外掛程式建議去其官方 github 檢視。ionic 外掛程式的安裝方法 ionic plugin add pluginname 我自己查詢外掛程式的方式 首先 ngcordova,然後是 cordova...

ionic2 cordova外掛程式用法之二

之前參考官方的寫了一種用法,但是這種用法不是很方便,於是再寫個方便一些的。以cordova plugin wechat為例 在專案中建立wechat plugin.ts,如下 declare var wechat any 此處宣告plugin.xml中clobbers對應的值 export inte...