因为以前一直用的编程语言是python,主要使用的代码编辑器是pycharm(偶尔偷懒用一下notepad++)。而最近开始写前端,虽然pycharm注册版对于HTML和JavaScript有基本的支持,但毕竟是主要面向python的,有些功能还是不太方便。

因此最近开始使用VSCode,一款免费、开源、轻量、跨平台的代码编辑器,本篇就说一下使用技巧。

 

主命令框

F1键或者Ctrl+Shift+p键,即可调出主命令框,可以在里面搜索和运行命令。部分插件安装后也会添加一些插件自身的命令,也可以在这里调用。

如果点击删除键,将主命令框中的“>”删除,即可搜索或打开要编辑的代码文件。

 

常用命令

增加文件格式识别

例如,将.art文件识别为html进行代码提示

在主命令框中输入Settings,找到Preferences: Open Settings (Json),进入设置文件,在files.associations中新增*.art行。

 

插件

VSCode作为一款开源软件,有着众多功能丰富的插件,插件的安装和使用也非常方便。

如图所示,点击左侧边栏第五个图标即可打开插件窗口,在窗口中可以搜索要安装的插件,找到要安装的插件后点击install按钮即可直接安装。

 

离线安装插件

如果当前网络环境没有外网,也可以采用离线安装方式安装插件,首先打开插件官网,在页面中搜索找到要装的插件。

找到插件后来到详情页面,点击页面右侧的Download Extension链接下载离线安装包。

下载后在VSCode中插件窗口菜单中找到install from CSIX命令,这样就可以安装离线插件包了。

下面介绍一些常用的插件

 

汉化

没错,VSCode的汉化也是通过插件实现的,如下图所示

安装完毕后重启即可生效。

 

HTML预览

同样搜索live server即可找到该HTML预览功能的插件。

 

装完以后就可以在VSCode中实时预览HTML页面效果了。

 

markdown功能

如下图所示

安装Markdown All in One插件后,即可编写md文档,打开右侧的预览功能后,与我常用的typora这款专业markdown软件功能相差无几,这样一来,电脑上又可以少装一个软件。

 

电子书

z-reader是一款小说阅读插件,支持txt和epub格式,可以查看本地书籍和在线书籍,实乃摸鱼神器。

安装后左侧边栏会多出一个书籍按钮,打开即可搜索本地或者在线书籍并阅读。

 

网易云音乐

没错,VSCode还可以通过插件化身为网易云音乐播放器,搜索cloudmusic即可找到这款插件,安装后同样在左侧边栏多出一个音乐按钮。

点击音乐按钮可以打开插件页面,左侧可以查看自己的歌单以及播放队列,VSCode的状态栏左侧会多出一排按钮用来登陆网抑云账号、控制音乐播放、收藏音乐、调节音量、显示当前曲目等。

点击曲目名还可以在主命令框中显示歌曲详情、查看发送评论等等操作,颇具创意的同时简直就是一个小客户端了,四舍五入又可以少装一个软件。

 

追番

作为一个老二次元人,怎么可以错过追番插件?这个Bangumi Open插件采用B站的API,可以按时间、种类等展示番剧列表,或者按照时间线查看每天更i虚拟的番剧,可以点击跳转播放页面。

 

其他

其他还有Weixin Read(支持登录的微信读书插件)、Zhihu On VSCode(支持登录的知乎浏览插件)、PowerMode(炫酷打字特效的美化插件)、XX鼓励师(彩虹屁语音插件)等等,只有想不到,没有做不到。

 

总结

VSCode本身极为轻巧,但可以搭配许多插件实现各种强大的功能,不仅可以用来写前端代码,也可以在插件配合下开发python、C#等等更多种类的代码,更是可以拿来摸鱼(划掉),值得推荐。

 


坚定地成为自己,

同时关心他人的命运。

学会爱这个世界,

但随时准备好与之抗争。

《在黑夜里健步如飞》

——蒋方舟