您好,登錄后才能下訂單哦!
VS Code如何造成Java并實現開發IDE?針對這個問題,這篇文章詳細介紹了相對應的分析和解答,希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。
插件淘沙
眾所周知,VS Code是一款輕量級的通用編輯器,和Eclipse一樣全靠海量的插件擴展,網上各類插件推薦文章又都是面向VS Code的最大IDE用戶群-前端開發人員的。
無奈之下只能逐一試驗,又開始了一輪插件淘沙的過程,最終篩選出幾十款插件,詳見vscode-java-dev-tools-pack/README.md。
定制Extension Pack#
插件是篩選出來了,但是幾十款插件總不能每次都一個一個去點擊安裝吧,而且也難以維護。
幸而VS Code自身提供了一種叫Extension Pack的插件,這種插件的目的就是為了匯集一批插件到一起而設計的,安裝了一個Extension Pack就會自動安裝Pack內的全部插件。
VS Code提供了一套nodejs工具用于輔助開發者創建擴展,同時官方文檔中提供了簡單明了的文檔說明以及豐富的samples,samples包括Command、Color Theme、Tree View等等,本文僅做Extension Pack的示例。
環境準備
環境依賴 nodejs 以及 Git,以MacOS為例,通過Homebrew安裝:
brew install node git
然后通過 npm 安裝Yeoman和VS Code Extension Generator:
npm install -g yo generator-code
工程初始化
調用Yeoman生成新的Extension Pack
$ yo code _-----_ ╭──────────────────────────╮ | | │ Welcome to the Visual │ |--(o)--| │ Studio Code Extension │ `---------´ │ generator! │ ( _´U`_ ) ╰──────────────────────────╯ /___A___\ / | ~ | __'.___.'__ ´ ` |° ´ Y ` ? What type of extension do you want to create? New Extension (TypeScript) New Extension (JavaScript) New Color Theme New Language Support New Code Snippets New Keymap ❯ New Extension Pack New Language Pack (Localization)
回車后會提問是否要將當前已安裝的擴展安裝到新的Extension Pack中,選擇Yes會報錯
? What type of extension do you want to create? New Extension Pack
? Add the currently installed extensions to the extension pack? Yes
Error codeCommand failed: code --list-extensions
/bin/sh: code: command not found
這是因為我的VS Code并不是通過命令行安裝的,如果要使用code命令就需要通過命令行安裝VS Code,然后重新執行yo code。
MacOS上通過Homebrew安裝vs code:
brew cask install visual-studio-code
當然也可以選擇不自動安裝已有擴展,同樣可以順利進行后面的配置。
? What type of extension do you want to create? New Extension Pack ? Add the currently installed extensions to the extension pack? No ? What's the name of your extension? vscode-java-dev-tools-pack ? What's the identifier of your extension? vscode-java-dev-tools-pack ? What's the description of your extension? Some Java develop support tools extension pack. ? Initialize a git repository? Yes create vscode-java-dev-tools-pack/.vscode/launch.json create vscode-java-dev-tools-pack/package.json create vscode-java-dev-tools-pack/vsc-extension-quickstart.md create vscode-java-dev-tools-pack/README.md create vscode-java-dev-tools-pack/CHANGELOG.md create vscode-java-dev-tools-pack/.vscodeignore create vscode-java-dev-tools-pack/.gitignore create vscode-java-dev-tools-pack/.gitattributes Your extension vscode-java-dev-tools-pack has been created! To start editing with Visual Studio Code, use the following commands: cd vscode-java-dev-tools-pack code . Open vsc-extension-quickstart.md inside the new extension for further instructions on how to modify, test and publish your extension. For more information, also visit http://code.visualstudio.com and follow us @code.
通過Yeoman工具,我們配置了name、identifier、description,并且工具自動生成了一個本地git倉庫,工程目錄結構如下:
$ tree -a -L 1
.
├── .git
├── .gitattributes
├── .gitignore
├── .vscode
├── .vscodeignore
├── CHANGELOG.md
├── README.md
├── package.json
└── vsc-extension-quickstart.md
package.json
作為Extension Pack類型的VS Code 擴展來說,只需要維護package.json就行,package.json中的各項字段可以參考VS Code的官方文檔Extension Manifest。
也可以參考我的vscode-java-dev-tools-pack/package.json,這是一個比較完整的Demo。
package & publish
微軟關于插件打包發布可以參考文檔Publishing Extensions。
微軟提供了vsce這款命令行工具方便開發者進行打包和發布:
npm install -g vsce
安裝完成后,cd到工程目錄下,進行打包生成.vsix文件
$ vsce package
DONE Packaged: /Users/larva-zhang/vscode-java-dev-tools-pack/vscode-java-dev-tools-pack-0.0.1.vsix (7 files, 16.7KB)
注意版本號,是根據package.json文件中的version來生成的,version必須是major.minor.stage的格式
package成功后,需要去vs code創建一個publisher,推薦通過瀏覽器訪問management page創建,比較直觀。
也可以通過vsce命令行創建,詳見Create a publisher
有了publisher后就能進行publish了,還是在management page頁面,通過上傳.vsix文件的方式即可,當vs code校驗通過后就會發布到Visual Studio Code Marketplace。
publish同樣可以通過vsce命令行進行,詳見Log in to a publisher
關于VS Code如何造成Java并實現開發IDE問題的解答就分享到這里了,希望以上內容可以對大家有一定的幫助,如果你還有很多疑惑沒有解開,可以關注億速云行業資訊頻道了解更多相關知識。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。