Day10:程序码编辑器的实用扩充套件(2)

一、前言

  上一篇文章介绍了 VSCode 好用的快捷键,此篇开始介绍其他扩充之实用功能罗。没意外的话,应该会不断更新。XDDD

  自古有一句话说,「工欲善其事,必先利其器」,我一直觉得很有道理!虽然很多前辈们都说,刚学习写程序,不应该使用(过度依赖)套件带来的便利性,导致养成写烂扣的坏习惯,但我觉得有的时候,扩充套件有它的好处与省时性,大家可以斟酌使用。

  原则上一样用表格方式陈述,会附上连结,但为了让主题鲜明清晰,不会附上使用效果图,大家有兴趣的话,可以再行查找更多前辈文章或官方介绍。

二、基本 VSCode 必备扩充功能

名称 主要功能
Live Server Preview 即时预览
indent-rainbow 对齐程序码
Import Cost 计算 import 或 require 的外部资源尺寸
Better Comments 彩色注解
Todo Tree todo list的概念
TODO Highlight 彩色的TODO与 FIXME

三、前端工程师的 VSCode 必备扩充功能

名称 主要功能
HTML CSS Support 针对标签属性会有对应的 css智慧提示
Chinese Lorem 中文假文生成器
Lorem ipsum 英文假文生成器
Image preview 即时预览Image图案
SVG Viewer 即时预览SVG图案
Excel Viewer 即时预览Excel文件
PDF Preview 即时预览PDF文件
Turbo Console Log 快速填上 Console.log(),用来侦错很方便

四、结论与自我鼓励

  这边只有简单列一些我自己或同事常用的扩充套件,其实大家可以依自己需求去寻找 VSCode 官方网站,我觉得对开发真的帮助良多~我也是就职後,又有多学了几个,如果你们也有超常用且推荐的,也欢迎留言跟大家分享唷!後端因为很少写,而且进公司後後端是asp dot net core ,不是用 VSCode 开发,所以之後有机会在介绍另一个编辑器吧~


本文同步发布於我的个人网站 Annie Code Life


<<:  成员 11 人:坐卧有如优雅猫,转身形同慌张狗

>>:  [Day 18] 资料整理

[D03] test

Day 03 连假先发一下。晚点编辑 END ...

Day 9:AWS是什麽?30天从动漫/影视作品看AWS服务应用 -《PSYCHO-PASS心灵判官》part 3

《PSYCHO-PASS心灵判官》第四集出现的杀人事件,场景便始於监视官使用线上虚拟实境聊天室开始,...

架构总览与闲聊

终於到了最後一天了,不知道把这三十天看完的人有多少呢?希望看到最後一天的人,有感受到我对於这系列文章...

Unity与Photon的新手相遇旅途 | Day6-粒子效果应用范例

今天介绍两个粒子效果应用范例,一个是透过按键控制粒子效果生成以及删除,第二个是制作炸弹炸物体产生的效...

Ruby、演算法学习心得(一) 二元搜寻法 Binary Search。

铁人赛结束後一阵空虚?? 文章内容都会以Ruby来撰写程序码,然後继续来传教K-POP啦! 有请韩国...