小米技术社区
小米技术社区管理员 关于小米

27岁,山西运城人,职业电商经理人,前端开发工作者,从事过网站建设、网络推广、SEO、SEM、信息流推广、二类电商、网络运维、软件开发,等相关电商工作,经验较为丰富,小米技术社区致力于为广大从事Web前端开发的人员提供一些力所能及的引导和帮助 ...[更多]

E-mail:mzze@163.com

Q Q:32362389

W X:xiaomi168527

小米技术社区大牛王飞 关于王飞

27岁,山西运城人,职业电商经理人,网络工程师兼运维,从事过运营商网络建设,企业网络建设、优化。数据中心网络维护等通过,经验丰富,座右铭:当自己休息的时候,别忘了别人还在奔跑。 ...[更多]

E-mail:wf_live@126.com

Q Q:3940019

微博:王小贱ss

小米技术社区设计小艳 关于小艳

大于花一样的年龄,河南郑州是我家,2010年在北京接触团购网,2011年进入天猫淘宝一待就是四年,如今已经将设计走向国际化(ps:误打误撞开始进入阿里巴巴国际站的设计,嘿嘿)五年电商设计,丰富经验,从事过天猫淘宝阿里各项设计,店铺运营,产品拍摄;我将我的经历与您分享是我的快乐!座右铭:越努力越幸运! ...[更多]

E-mail:97157726@qq.com

Q Q:97157726

标签云
精品推荐
您的位置:首页 > 工作软件 > VSCode

vscode必装插件汇总

分类: VSCode64个赞

Settings Sync 同步插件VSCODE必装的第一款插件

https://www.bbsxiaomi.com/software/vscode/366.html

Fira Code字体  可以让>= <= !=变成正确的显示

http://www.bbsxiaomi.com/software/vscode/362.html

(css peek弃用,占用CPU太高 推荐用CSS Navigation)CSS Peek 追踪至样式表中 CSS 类和 id 定义的地方  (右键转到定义)

CSS Navigation (占用内存低)追踪至样式表中 CSS 类和 id 定义的地方 (ctrl+鼠标左键)

Color Info  颜色便捷管理插件

SVG Viewer  SVG直接查看插件

Minify  自动压缩html css js

Regex Previewer 实时测试正则表达式的实用工具

Quokka.js  实时反馈插件,按F1,输入quokka新建js才能使用(重要)

Codeif  变量命名插件

local history   找回历史代码怎么办

Partial Diff  文件比较是一种即常用有实用的一项功能

TODO Tree 高亮插件(左侧小树)  大型程序开发,暂不需要,卸载

vscode-icons 自定义图标插件

Better Comments  让注释信息更加人性化

Bracket Pair Colorizer 给()、[]、{}这些常用括号显示不同颜色 ,让层次结构一目了然

Better Align 整洁的代码  f1输入align

Markdown All in One 媲美Typora的Markdown编辑体验

auto close tag 自动闭合标签

auto rename tag 自动同步修改闭合标签

auto complete tag  自动闭合标签

Path Intellisense  自动提示文件路径,支持各种快速引用文件

Npm intellisense node.js必备

JavaScript(ES6) code snippets  ES6语法智能提示,以及快速输入,不仅仅支持.js,还支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各种包含js代码文件的时间

jquery code snippets jQuery代码智能提示

One dark pro  柔顺的主题

Material Icon Theme  主题好的主题让人赏心悦目,有码代码的欲望

Import Cost 该插件会在行尾显示导入的包的大小

Indenticator 视觉上突出显示当前的缩进深度 看着用处不大且臃肿,原生的已经足够用了基本一样,卸载

Live Server 浏览器实时刷新 热更新代码

vscode-fileheader 生成版权头部信息 js常用 生成快捷键 ctrl+alt+i  

Import Cost Import Cost 可以显示咱们在VS代码编辑器中导入的程序包的大小。

Sort Lines  排序选中行 字母数字都可以

filesize 在右下角显示文件大小,点击在控制台输出

Git信息可视化 名称: GitLens — Git supercharged 非常方便查看改动记录 ,文件历史 作者统计等 ,更多功能在菜单。(多人协作开发,GIT开发专用,暂时卸载了)

TabNine 机器学习自动补全变量 / 学习模拟结构 ,自动补全。 可以智能识别写过的代码结构。  有冲突,咱不用

 VS Code Counter  统计你写了多少代码 ,分别是什么文件

 WakaTime 有免费版,有付费版,免费版足够用,会有统计图表,你做了哪些项目,耗费了多少时间 ,分别用了些什么语言,占比多少等等https://wakatime.com/

 在其官网https://wakatime.com/settings/account 中注册后,在setting获取账号的api key,赋值 ,wakatime会记录你日常编码时间,并上传到其网站上,你可以看到你一段时间内的编码时间。

 Image preview 自动识别代码中的图片 ,在左侧显示图片预览

Rainbow Fart  程序员彩虹屁插件,它能根据你的代码内容说出不同的话

A-super-translate 划词翻译

Bookmarks 添加书签   按下ctrl + shift + k ,添加书签,ctrl +shift +j 切换上一个书签 , ctrl +shift +l切换下一个书签。可以夸文件。

HTMLHint  html代码监测

Python 提供了代码分析,高亮,规范化等很多基本功能

Code Runner 立即运行代码 支持各类语言

Code Spell Checker 代码拼写检查器

REST ClientREST客户端允许您直接发送HTTP请求并在Visual Studio Code中查看响应。

HTML CSS Support在 html 标签上写class 智能提示css样式

Turbo Console Log 一键 注释 / 启用 / 删除 所有 console.log。

ctrl + alt + e (原快捷键占用自己定义)选中变量之后,使用这个快捷键生成 console.log

alt + shift + c 注释所有 console.log  先注释后启用

alt + shift + u 启用所有 console.log 

alt + shift + d 删除所有 console.log 直接删除

css-auto-prefix 自己添加css私有前缀

Beautify 格式化css html js 使用方法:按F1,输入Beautify file

vue peek vue开发自动跳转到组件模块或css

Vue VSCode Snippets vue快速代码输入


小米技术社区

本站内容均为小米原创,转载请注明出处:小米技术社区>> vscode必装插件汇总