方插件包列表：https://ckeditor.com/cke4/addons/plugins/all

添加插件方法：

1）下載插件包（如果插件包有依賴其他插件，則依賴包也需要下載）

2）解壓插件包，插件包目錄放置到 ckeditor/plugins 目錄里或其他自定義目錄（只要能訪問得到就好）

3）告訴ckeditor要添加插件

CKEDITOR.plugins.addExternal('html5video', 'xxxx/plugins/html5video/plugin.js', '');

4）配置ckeditor初始化參數(shù)：extraPlugins（多個(gè)插件用英文逗號隔開）

config.extraPlugins = 'justify,html5video';

5）調(diào)用ckeditor，CKEDITOR.replace(.........................

isual Studio Code 是一款輕量級但功能強(qiáng)大的源代碼編輯器，適用于 Windows、macOS 和 Linux。內(nèi)置了對 JavaScript、TypeScript 和 Node.js 的支持，并為其他語言（例如 C++、C#、Java、Python、PHP、Go）并且提供了豐富的擴(kuò)展生態(tài)系統(tǒng)。

今天我將給大家介紹下VS Code常用操作及非常棒的插件，喜歡本文記得收藏、點(diǎn)贊、關(guān)注。

關(guān)于VScode歷史推文一并總結(jié)如下：

• 超強(qiáng)大！沒有這 24 款插件的 VScode 是沒有靈魂的！
• 安裝圖文并茂，插件體驗(yàn)超棒，VScode 這款編輯器神器詳細(xì)教程來了!
• 效率倍增！10個(gè)超級好用的VScode使用技巧！
• 愛了愛了！8 個(gè)被低估但功能非常強(qiáng)大的 VSCode 插件！
• 開發(fā)神器 VsCode 配置指南！(含 Python、C++、Java環(huán)境配置)

廢話不多說，我們開始吧！

使用教程

1.搜索擴(kuò)展

您可以清除“擴(kuò)展”視圖頂部的“搜索”框，然后輸入您要查找的擴(kuò)展、工具或編程語言的名稱。

2.列出已安裝的擴(kuò)展

默認(rèn)“擴(kuò)展”視圖顯示當(dāng)前的擴(kuò)展、推薦的所有擴(kuò)展以及已禁用的所有擴(kuò)展的折疊視圖。可以使用命令面板( Ctrl+Shift+P ) 命令清除搜索框中的任何文本并顯示所有已安裝擴(kuò)展的列表。

3.卸載擴(kuò)展

要卸載擴(kuò)展，請選擇擴(kuò)展條目右側(cè)的管理齒輪按鈕，然后從下拉菜單中選擇卸載。可以卸載擴(kuò)展并提示您重新加載 VS Code。

4.禁用擴(kuò)展

如果不想永久刪除擴(kuò)展程序，可以通過單擊擴(kuò)展程序條目右側(cè)的齒輪按鈕暫時(shí)禁用擴(kuò)展程序。

在全局禁用擴(kuò)展或僅針對當(dāng)前工作區(qū)禁用擴(kuò)展。禁用擴(kuò)展后，系統(tǒng)將提示重新加載 VS Code。

5.啟用擴(kuò)展

如果禁用了某個(gè)擴(kuò)展程序，可以使用下拉菜單中的Enable或Enable (Workspace)命令重新啟用它。

6.更新擴(kuò)展

自動(dòng)更新：VS Code 檢查擴(kuò)展更新并自動(dòng)安裝。更新后，系統(tǒng)會提示您重新加載 VS Code。

手動(dòng)更新：使用Show Outdated Extensions命令快速查找擴(kuò)展更新，顯示當(dāng)前安裝的擴(kuò)展程序的所有可用更新，為過時(shí)的擴(kuò)展選擇更新按鈕，更新將被安裝，系統(tǒng)將提示重新加載 VS Code。

擴(kuò)展介紹

1.Python

對Python 語言有豐富的支持，包括 IntelliSense (Pylance)、linting、調(diào)試、代碼導(dǎo)航、代碼格式化、重構(gòu)、變量瀏覽器等功能、測試資源管理器等。

2.Jupyter

它提供基本的筆記本支持語言內(nèi)核所支持許多語言內(nèi)核無需修改即可工作。默認(rèn)Jupyter 擴(kuò)展包括 Jupyter Keymaps 和 Jupyter Notebook Renderers 擴(kuò)展。

3.C/C++

C/C++ 擴(kuò)展為 Visual Studio Code 添加了對 C/C++ 的語言支持，包括 IntelliSense 和調(diào)試等功能。

4.ESLint

ESLint 是一種用于識別和報(bào)告在 ECMAScript/JavaScript 代碼中發(fā)現(xiàn)的模式的工具，其目標(biāo)是使代碼更加一致并避免錯(cuò)誤。在許多方面，它類似于 JSLint 和 JSHint。

5.Prettier

Prettier支持我們大前端目前大部分語言處理，包括 JavaScript · Flow · TypeScript · CSS · SCSS · Less · JSX · Vue · GraphQL · JSON · Markdown，這代表著， 你幾乎可以用一個(gè)工具都能搞定所有的代碼格式化問題。

6.Live Server

為靜態(tài)和動(dòng)態(tài)頁面啟動(dòng)具有實(shí)時(shí)重新加載功能的開發(fā)本地服務(wù)器

7.Visual Studio IntelliCode

提供了為Python，TypeScript/ JavaScript和Java開發(fā)AI輔助開發(fā)功能在Visual Studio代碼，基于代碼的上下文與機(jī)器學(xué)習(xí)相結(jié)合。

8.Code Runner

運(yùn)行多種語言的代碼片段或代碼文件，省掉保存的環(huán)節(jié)，直接可以運(yùn)行

9.Chinese (Simplified) (簡體中文)

為VS Code 使用者提供漢字化界面，針對英文界面使用不太熟練的使用者

10.background

平時(shí)編程總是對著一頓枯燥的代碼背景，VSCode一個(gè)神仙插件Background，可以更改自己想要的背景圖，下面來介紹一波。

具體實(shí)現(xiàn)效果圖：

背景圖放最上面了，之前寫過一篇文章。

11.Auto Rename Tag

自動(dòng)重命名配對的 HTML/XML 標(biāo)簽，與 Visual Studio IDE 相同。

12.Better Comments

Better Comments 擴(kuò)展將幫助您在代碼中創(chuàng)建更人性化的注釋。使用此擴(kuò)展程序，您將能夠?qū)⒆⑨尫诸悶椋?/span>

1. 警報(bào)
2. 查詢
3. 待辦事項(xiàng)
4. 強(qiáng)調(diào)
5. 注釋掉的代碼也可以設(shè)置樣式以明確代碼不應(yīng)該在那里
6. 可以在設(shè)置中指定您想要的任何其他評論樣式

13.Draw io Integration

在VSCode中就可以創(chuàng)建思維導(dǎo)圖，要?jiǎng)?chuàng)建新圖表，只需創(chuàng)建一個(gè)空的*.drawio,*.drawio.svg或*.drawio.png文件并打開它drawio.svg、.drawio.png嵌入到 Github，不需要導(dǎo)出。

14.Markdown emoji

向 VS Code 的內(nèi)置 Markdown 預(yù)覽添加:emoji:語法支持 ，生成表情

15.WakaTime

直觀的反應(yīng)你一天學(xué)習(xí)打代碼的時(shí)間，通過各種圖表計(jì)算