百度360必应搜狗淘宝本站头条
当前位置:网站首页 > IT知识 > 正文

牛逼!竟然把VSCode玩成了IDEA的效果,有点哇塞

liuian 2025-02-21 14:17 48 浏览

近期,公司推行正版化,本人使用的是JetBrains教育版,是不允许进行商业开发的,因此开启了艰难的备用IDE选型之路。最终,我选定了轻量级的Visual Studio Code(以下简称VS Code)。

各种IDE选型比较的过程就不赘述了,Eclipse、NetBeans、Srping Tools Suite等等,只能说青菜萝卜各有所爱。

插件淘沙

众所周知,VS Code是一款轻量级的通用编辑器,和Eclipse一样全靠海量的插件扩展,网上各类插件推荐文章又都是面向VS Code的最大IDE用户群-前端开发人员的。

无奈之下只能逐一试验,又开始了一轮插件淘沙的过程,最终筛选出几十款插件

定制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?code

Command?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工具,我们配置了nameidentifierdescription,并且工具自动生成了一个本地git仓库,工程目录结构如下:

$?tree?-a?-L?1
.
├──?.git
├──?.gitattributes
├──?.gitignore
├──?.vscode
├──?.vscodeignore
├──?CHANGELOG.md
├──?README.md
├──?package.json
└──?vsc-extension-quickstart.md
  • CHANGELOG.md 发布变更记录,在Visutal Studio Code Marketplace的详情页中有该文件的链接。
  • README.md 在Visutal Studio Code Marketplace的扩展详情,作用类似GitHub Page。
  • package.json 扩展的 manifest文件,定义了扩展的相关属性。
  • vsc-extension-quickstart.md 针对生成的工程中文件的简易说明文档。

package.json

作为Extension Pack类型的VS Code 扩展来说,只需要维护package.json就行,package.json中的各项字段可以参考VS Code的官方文档Extension Manifest。

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开发体验确实不如JetBrains,但和Eclipse一样胜在开源免费,所以还是可堪一用的。

相关推荐

华硕人工客服24小时吗(华硕售后人工客服)

华硕服务中心广东省惠州市惠东县城平深路(创富斜对面)惠东同心电脑城1L11(1.3km)笔记本电脑,平板电脑华硕服务中心广东省惠州市惠东县平山镇同心电脑城1F26(1.3km)笔记本电脑,平...

电脑音量小喇叭不见了(电脑声音喇叭图标不见了怎么办)

如果您电脑上的小喇叭(扬声器)不见了,可以尝试以下方法找回:1.检查设备管理器:在Windows下,右键点击“我的电脑”(或此电脑)->点击“属性”->点击“设备管理器”,查看“声音、视...

腾达路由器手机设置教程(腾达路由器手机设置教程视频)

用手机设置腾达路由器的方法如下:1在手机上打开浏览器,输入路由器背面的管理IP和用户及对应的密码2一般第一次打开,默认会跳出设置向导,准备好宽带用户名和密码,3按向导提示输入相应内容4在无线设置的安全...

自配电脑配置推荐(自配电脑配置推荐百度)

首先,像这类软件最低要求不高。最高没上限。纯粹看你的工程量大小。CPU有双核,内存有4G,就可以运行。但是实际体验肯定比较差,卡是肯德。渲染时间也会超长,一个小作品渲染几小时是正常的。稍微大点的工程也...

2025年平板性价比排行(2020年值得买的平板)

推荐台电P30S好。 基本配置:10.1英寸IPS广视角屏幕,1280*800分辨率,16:10的黄金显示比例,K9高压独立功放,支持3.5mm耳麦接口,联发科MT8183八核处理器,4GB...

2020显卡天梯图10月(2020显卡天梯图极速空间)

排行球队名称积分已赛胜平负进球失球净胜球  1?诺维奇城974629107753639 2?沃特福德91462710...

路由器加密防蹭网(路由器加密防蹭网吗)
  • 路由器加密防蹭网(路由器加密防蹭网吗)
  • 路由器加密防蹭网(路由器加密防蹭网吗)
  • 路由器加密防蹭网(路由器加密防蹭网吗)
  • 路由器加密防蹭网(路由器加密防蹭网吗)
笔记本电脑无线网络连接(笔记本电脑无线网络连接不上怎么办)
笔记本电脑无线网络连接(笔记本电脑无线网络连接不上怎么办)

一、笔记本电脑怎么连接wifi---win7系统笔记本连接wifi1、要先创建无线网络连接,将鼠标移到Win7的开始菜单,然后点击“控制面板”。2、然后点击“网络和Internet”。3、再打开“网络和共享中心”,这是Win7系统必有的功...

2025-12-22 05:55 liuian

wind数据库(wind数据库官网)

先购买wind数据库,安装好wind取得使用权后,按照wind所给提示,输入账户和密码可使用wind数据库。Wind资讯金融终端是一个集实时行情、资料查询、数据浏览、研究分析、新闻资讯为一体的金融数据...

如何关闭360家庭防火墙(如果关闭360家庭防火墙)

关闭方法如下:1.打开手机360主界面之后,点击“安全防护中心”。2.点击第三列“入口防护”下方的“查看状态”按钮。3.在列出的功能项中找到“局域网防护”,直接点击后面的“关闭”按钮,关闭所有的“局域...

笔记本电脑型号配置怎么看(怎么查自己电脑的型号)

查电脑的配置和型号方法:方法一:1、右键单击“此电脑”,点击属性2、这里可以看到操作系统,CPU等大致信息3、点击设备管理器4、这里可以查看具体硬件的详细信方法二:1、首先打开电脑上的“控制面板”2、...

pscs6序列号是什么

AdobePhotoshopCS6就二个版本(测试版和正式版)1、AdobePhotoshopCS6是AdobePhotoshop的第13代,是一个较为重大的版本更新。2、Photoshop在前几...

win7桌面图片怎么设置(win7如何设置桌面图片)

1、首先用鼠标右键单击桌面的空白处。然后在弹出的菜单上选择“个性化”选项。这样就弹出了的个性化窗口上能显示看到“桌面背景”按钮。点击它即可。2、继续打开了选择“桌面背景”选项,然后在上面选择你想要设置...

windows安卓下载(win安卓版)

2265安卓网是安全的,2265安卓网成立于2012年初,网站一直努力为各位安卓爱好者提供最新、最全的安卓游戏软件资源下载。经过几个月的努力、和广大安卓用户的支持、2265安卓网截至到2012年6月已...

电脑ppt怎么制作(电脑ppt怎么制作软件)
  • 电脑ppt怎么制作(电脑ppt怎么制作软件)
  • 电脑ppt怎么制作(电脑ppt怎么制作软件)
  • 电脑ppt怎么制作(电脑ppt怎么制作软件)
  • 电脑ppt怎么制作(电脑ppt怎么制作软件)