isual Studio Code是由微軟公司推出的一款免費、開源的代碼編輯器，一經推出便受到開發者的歡迎。對于Web前端開發人員，一個強大的編輯器可以使開發變得簡單、便捷、高效。VS Code提供了非常豐富的插件功能，根據你的需要，安裝對應的插件可以大大提高開發效率。

1、Chinese (Simplified) Language Pack

適用于 VS Code 的中文(簡體)語言包

2、Code Spell Checker

拼寫檢查器。比如 banana 單詞寫錯成 banane ，會提示你是否修改成 banana ，也可以將 banane 添加至檢查器的字典中。

3、HTML CSS Support

在編寫樣式表的時候，自動補全功能大大縮減了編寫時間。

4、JavaScript (ES6) code snippets

支持ES6語法提示

5、Mithril Emmet

一個能大幅度提高前端開發效率的一個工具，用于補全代碼

6、Path Intellisense

路徑提示插件

7、Vue 3 Snippets

在 Vue 2 或者 Vue 3 開發中提供代碼片段，語法高亮和格式化的 VS Code 插件，能極大提高你的開發效率。

8、VueHelper

vscode最好的vue代碼提示插件，不僅包括了vue2所有api，還含有vue-router2和vuex2的代碼。

9、Auto Close Tag

自動閉合HTML/XML標簽

10、Auto Rename Tag

自動完成另一側標簽的同步修改

11、Beautify

格式化 html ,js,css

安裝過程中, 如果提示是否需要繼續安裝, 選擇 "仍要安裝"。

12、Bracket Pair Colorizer

給括號加上不同的顏色，便于區分不同的區塊，使用者可以定義不同括號類型和不同顏色。

安裝過程中, 如果提示是否需要繼續安裝, 選擇 "仍要安裝"。

13、open in browser

vscode不像IDE一樣能夠直接在瀏覽器中打開html，而該插件支持快捷鍵與鼠標右鍵快速在瀏覽器中打開html文件，支持自定義打開指定的瀏覽器，包括：Firefox，Chrome，Opera，IE以及Safari

14、Vetur

Vue多功能集成插件，包括：語法高亮，智能提示，emmet，錯誤提示，格式化，自動補全，debugger。vscode官方欽定Vue插件，Vue開發者必備。

15、File Utils

File Utils插件,可以方便快捷的來創建、復制、移動、重命名文件和目錄。

16、IntelliJ IDEA Keybindings

安裝VSCode的插件 IntelliJ IDEA Keybindings 即可在VSCode中使用IDEA的快捷鍵。

文分享自華為云社區《【云駐共創】手把手的使用Toolkit插件在詩情畫意中完成AI詩朗誦-云社區-華為云》，作者： 紅目香薰。

云原生時代，開發者們的編程方式、編程習慣都發生了天翻地覆的變化，大家逐漸地習慣在云端構建自己的應用。作為新一代的開發者們，如何更快速了解云，學習云，使用云，更便捷、更智能的開發代碼，從而提升我們的開發效率，是當前最熱門的話題之一，而Huawei Cloud Toolkit,作為連接華為云的百寶箱，是集成在各大IDE平臺上的插件集合，會在方方面面提升著開發者的效率。

插件介紹

本段落主要介紹華為云的以下三塊內容：

1、和云端建立鏈接——華為云API開發套件

2、開發更"智能"——華為云CodeArts Snap

3、守護代碼質量與安全——華為云CodeArts Check

華為云API開發套件助力開發者快速集成華為云，可做到便捷連接200+的華為云服務，引用7000+的華為云API服務，在IDE中集成華為云的功能，讓開發者與云端華為云建立連接。

智能編碼方面集成了華為云自主研發的代碼大模型和軟件分析技術，全場景函數級、行級代碼生成，同規模算力一次通過業界第一，這會幫助開發者更為高效的使用自動語義生成，達到快速開發的目的，使整個過程更智能。

代碼質量與安全上華為云CodeArts Check插件可以做到守護代碼的質量與安全，幫助開發者精準的實施代碼檢查，以及提供了代碼的一鍵格式化、一鍵自動修復的功能，可以確保編程規范的落地。IDE插件與云端服務構筑了三層代碼防護體系。

1、華為云API:云原生開發者必備的coding利器

華為云通過API提供服務全面開放能力，為開發者構建華為云應用和變現基礎，是開發者核心關注的"生產要素"之一，各云服務提供SDK，幫助開發者快速集成API，面對海量的各種各樣的開發者，華為云提供多種語言SDK應用到各行各業，面對各行各業海量訴求，如何更快速、更便捷地找到契合的API,并且快速集成到應用中，成為開發者提升開發效率的當務之急。

華為云的OpenAPI提供了各類的產品服務，如計算類、存儲類、人工智能類、運營類、應用中間件、管理與監管等等諸多的功能品類的API服務可以讓我們快速的找到我們需要的具體需求來解決我們的各類問題。并且有著大量的錯誤碼提示，加快異常問題的解決高速、高效的完成我們的開發需求。

可以在人工智能的開放接口中看到，自然語言處理、人機對話、人臉識別、圖像識別、推薦系統等等的功能可以更好的通過AI的形式幫助我們提高工作的效率。為開發者打造更好的應用云體驗。

在API插件中，華為云提供了如下功能:

• 對接華為云API開放平臺，全面覆蓋華為云200+云服務、7000+API, 支持用戶檢索API、查看API文檔、調試API、 以及提供SDK示例代碼供用戶學習如何使用API。
• 提供華為云SDK代碼片段補全功能，SDK依賴包自動引入，加速用戶集成華為云API。
• 對接華為云開發體驗館Codelabs, 提供500+云服務代碼示例，向導式教程幫助用戶快速學習。

華為云提供的API插件支持多IDE的平臺，可以讓我們開發更加得心應手，以及對應的熱門開發語言代碼的補全支持，下圖可以看到常見的語言Java、Python、Go、JavaScript等語言都是支持的。

例如我們拿PyCharm Community Edition 舉例，可以看到我們點開插件安裝的時候搜索Huawei就能看到華為的豬都插件都可以下載使用。

這里我們看到第一個就是CodeArts Snap智能編程助手，接下來我們就來介紹一下它吧。

2、華為代碼大模型的應用:華為云CodeArts Snap智能編程助手

沉淀華為自主研發代碼大模型和軟件分析技術，以IDE插件形式賦能開發者高效、可信開發，支持主流編程語言和IDE生態，大體分為JetBrains的IDE生態與Visual Studio的IDE生態，下圖為兩種生態工具的截圖：

華為云CodeArts Snap智能編程助手插件的核心價值特性有：

1、全場景函數級、行級代碼生成。

2、支持中英文描述，通過自然語言一鍵生成完整函數級代碼

3、同規模同算力一次通過率業界第一

4、專業開發者編程量減少20%

協同華為云CodeArts軟件開發平臺服務政府、國央企、傳統大企和互聯網企業。

Snap在軟件研發生產線起到非常重要的作用。

3、華為云CodeArts Check IDE插件:實時精準守護軟件質量與安全

華為云Check插件，助力開發者實時精準檢查，在Check插件中，華為云提供了如下功能：

• 集成華為云Check云服務輕量級檢查規則，精準覆蓋質量類、風格類與安全類關鍵檢查能力，與云服務共筑三層代碼防護體系，兼顧效率與質量。
• 提供豐富的過濾選項，支持用戶分級分類查看規則，加速用戶學習了解規則的使用。
• 支持文件/文件夾/項目級掃描，同時提供一鍵格式化能力及自動修復功能。
• 提供詳細的缺陷修復指導，包括缺陷描述信息，遵從規范，正確示例，錯誤示例，修改建議。
• 兼容多平臺: VSCodelDE、 Intellij IDEA、 CodeArts IDE; 并提供Java, C, C++ 3種語言的檢測能力。

支持華為云CodeArts Check云服務構筑三級防護體系，高效開展代碼檢查活動。

Huawei Cloud Toolkit初體驗

體驗地址：https://developer.huaweicloud.com/develop/toolkit.html?utm_source=hw_zz&ticket=ST-8951111-XM1Xi9kdd7fzZxXe4NwquHSE-sso&locale=zh-cn

邁向云原生之路:華為云Toolkit實戰

實戰一Huawei Cloud API：

開發者在IntelliJ IDEA上，基于華為云NLP自然語言處理服務API實現一個AI作詩的應用。

一、準備工作

環境搭建:下載安裝IntelliJ IDEA,配置好maven、JDK等環境

插件安裝:文件-> 設置->插件，下載安裝Huawei Cloud API插件

二、主要流程:

1.選:打開Huawei Cloud API插件,選擇"人工智能"->"自然語言處理" ->"語言生成服務"-> "RunPoem (詩歌生成)"

2.學:仔細查看接口詳情，包括輸入參數和輸出模型定義，以及SDK示例代碼

3.寫:在業務代碼需要調用AP|的地方，直接輸入RunPoem, IDE會自動補全調用代碼，也將依賴SDK包導入至工程

4.Debug:調試寫好的代碼，查看API返回結果是否符合預期

擴展內容:大家可以選擇插件中展示的其他有意思的API進行調試開發，比如人臉識別、文字識別、圖像識別服務的API等等, 包括且不限于:可以使用自然語言處理服務的AP|來判斷一段文本的情感表達; 使用人臉識別服務的API進行人臉比對，人臉檢測;使用文字識別，服務的API進行證件圖片文字掃描提取;使用圖像識別服務的API分析并識別圖片中包含的政治人物、明星及網紅人物。

實戰一操作過程

首先需要先在插件商店安裝華為云的Cloud API插件，點擊【Install】安裝即可，安裝完畢需要重新啟動計算機。

安裝完畢后可以看到華為的標識：

需要登錄賬號：

登錄成果效果：

為了演示方便，我們下載一個中文插件：

這回看著中文演示方便多了。

我們使用詩歌生成的API：

為了操作方便，我們選擇Python語言來測試。

復制代碼后直接引入到編輯文件中，這里能看到有沒有的庫需要我們單獨引入。

調用前需要開通服務：https://console.huaweicloud.com/nlp/#/nlp/overview

開通成功提示：

調試效果：

再來一次：

"紅目香薰",

"紅心不作小桃粧，",

"笑倚東風百媚香。",

"若使落花深見妒，",

"一朝應怨夕陽長。"

代碼測試，這里少什么包直接pip安裝什么包就OK了，國內的華為鏡像，超級塊。

不報錯后需要單獨的簽名一下：

簽名地址：https://support.huaweicloud.com/devg-apisign/api-sign-provide.html

我的憑證

添加秘鑰

可以看到已開通

有了對應的AK/SK就能訪問了，運行成功效果：

到這里呢，第一個實戰就結束了，后面的實戰對應的開通以及AK/SK獲取與這個操作步驟相同。

實戰二CodeArts Snap：

主題說明:開發者在IntellijJ IDEA上，基于華為云CodeArts Snap智能編程助手實現一個語音合成的應用

一、準備工作

環境搭建:下載安裝IntelliJ IDEA,配置好maven、JDK等環境

插件安裝:文件-> 設置->插件，下載安裝Huawei Cloud CodeArts Snap插件

二、主要流程:

1.搜:打開Huawei Cloud API插件，搜素關鍵字"語音合成"

2.選:找到由SIS云服務提供一個語音合成接口RunTts, 查看接口功能描述，確認是想要的

3.學:仔細查看接口詳情，包括輸入參數和輸出模型定義

4.用:輸入參數，使用API插件的在線調試能力，查看接口返回值

5.寫:使用Huawei Cloud CodeArts Snap插件，輸入想要實現的邏輯作為注釋，快捷鍵Alt +C,選擇想要生成的代碼

6.Debug:調試寫好的代碼，完成語音合成應用

擴展內容:大家可以選擇插件中展示的其他有意思的API進行調試開發，同時也可以在自己的代碼工程中使用CodeArts Snap插件,包括且不限于直接ALT+C/Enter根據上下文智能生成代碼;輸入注釋，按ALT+C/Enter生成根據注釋內容和上 下文智能生成代碼。

實戰二操作過程

先安裝插件啊，安裝完成可以看到右側菜單欄中就有了CodeArts Snap插件了。

找到對應的語音合成接口。

API操作：

這里要寫上text，也就是需要合成的文本內容，下面的選項是生成文件的格式，采樣率以及使用的語音音色。

調試測試成功。

運行后可以正常播放：

源碼留在這里，我寫了將base64字符串解碼為字節流的函數。

# coding: utf-8 import base64 from huaweicloudsdkcore.auth.credentials import BasicCredentials from huaweicloudsdksis.v1.region.sis_region import SisRegion from huaweicloudsdkcore.exceptions import exceptions from huaweicloudsdksis.v1 import * def base64_to_file(base64_string, file_path): # 將base64字符串解碼為字節流 decoded_bytes=base64.b64decode(base64_string) # 將字節流寫入文件 with open(file_path, 'wb') as file: file.write(decoded_bytes) if __name__=="__main__": # The AK and SK used for authentication are hard-coded or stored in plaintext, which has great security risks. It is recommended that the AK and SK be stored in ciphertext in configuration files or environment variables and decrypted during use to ensure security. # In this example, AK and SK are stored in environment variables for authentication. Before running this example, set environment variables CLOUD_SDK_AK and CLOUD_SDK_SK in the local environment ak="OPZYI*******4" sk="t7XDJTV8MeOf***************34yh4OVdI" projectId="e10b8f0d1e59477cb65ab1c6ad1d6eac" credentials=BasicCredentials(ak, sk, projectId) client=SisClient.new_builder() \ .with_credentials(credentials) \ .with_region(SisRegion.value_of("cn-east-3")) \ .build() try: request=RunTtsRequest() configbody=TtsConfig( audio_format="mp3", sample_rate="16000", _property="chinese_xiaoyan_common" ) request.body=PostCustomTTSReq( config=configbody, text="期待新的一年您更繼續創造更多的價值——紅目香薰·留" ) response=client.run_tts(request) # 將base64轉換成文件 print(response.result.data) base64_to_file(response.result.data, "a.mp3") except exceptions.ClientRequestException as e: print(e.status_code) print(e.request_id) print(e.error_code) print(e.error_msg)

字打錯了，但是直接生成了。能證明一點，肯定是剛剛生成的。我們最后來根據實戰一生成的詩句來朗讀一下，到這里實驗二又結束了。

實戰三CodeArts Check：

主題說明:開發者在IntelliJ IDEA上，基于華為云CodeArts Check進行代碼檢查

一、準備工作

環境搭建:下載安裝IntelliJ IDEA,配置好maven、JDK等環境

插件安裝:文件-> 設置->插件，下載安裝Huawei Cloud CodeArts Check插件

二、主要流程:

1.用:打開目標檢查代碼文件，鼠標右鍵呼出菜單，點擊"CodeArts Check文件檢查"。

2.學:側邊欄點擊"CodeArts Check"打開窗口，查看文件代碼問題檢查結果。

3.寫:點擊問題查看規則詳情，按照說明修改代碼，寫出安全、簡潔、規范的代碼。

擴展內容:大家可以在設置窗口自定義代碼檢查規范，目前支持C++&Java;插件支持文件檢查、項目檢查、格式化，也可以指定目錄進行檢查

實戰三操作過程

先安裝CodeArts Check插件

安裝完畢還是需要重啟的。

使用檢查實戰一二的代碼。

點擊就可以操作，或者鼠標右鍵選擇文件檢查，我們更換一個代碼測試一下，發現已經找到其中的優化方案了。

這里報的是代碼規范：

至此，我們第三個實戰又結束了。

總結

我們在整篇文章中了解了華為云的諸多插件以及API接口的使用，并且結合實戰一與實戰二將AI生成的詩詞進行了朗讀的操作，在文章中也穿插了音頻，可以試聽一下。

我們通過華為云插件的使用可以大大的提高工作以及開發的效率，并且我們在華為云所提供的接口中可以看到諸多的分類與功能，很多功能都能拿過來直接使用，方便我們的工作，當我們把華為云所提供的API使用熟練后相信一定會為您帶來很多意想不到的價值。

關注#華為云開發者聯盟# 點擊下方，第一時間了解華為云新鮮技術~

華為云博客_大數據博客_AI博客_云計算博客_開發者中心-華為云

lexus插件中文補丁是專為這個AE粒子插件打造漢化補丁，可以將界面變成簡體中文，對于英語不好的用戶來說，不再有語言的障礙。通過這個插件可以高效率的制作制作點線面三維粒子效果，渲染速度快，支持3D模型導入。如果你需要使用這個插件，那么不要忘記來下載這個中文語言補丁哦。

來源：http://www.3h3.com/soft/270810.html

漢化說明

1.安裝插件程序Plexus_Installer_3.2.5.exe

2.復制對應語言補丁里的Plexus64.aex文件到以下目錄替換原文件：

C:\Program Files\Adobe\Common\Plug-ins.0\MediaCore\Rowbyte\Plexus

更新內容

-與MFR多幀渲染相關的性能改進。

-解決了Nvidia GPU上的MFR多幀渲染問題。

-小錯誤修復。