postcode是什么意思英语 postcode是什么意思啊( 三 )


Postcode
Postman都听说过吧,这个插件就基本上可以理解为,在vscode里面使用postman 。
安装完以后左侧菜单会出现一个 小盒子的图标,点开以后点击Create Request就可以正常使用了 。
Project Manager
项目管理器,适用于经常切换项目的大佬,虽然我平时接触的项目也不多,不过自己搞着玩的工程也不少 。有了这个插件,就不用新窗口打开项目了 。
安装完以后左侧列表会出现一个 文件夹的小图标,点开以后就可以进行项目管理了,通常都是操作projects.json这个文件,点击项目名字就可以切换了,也可以新窗口打开 。
Quokka.js
实时显示代码的运行结果,使用方法请跳转链接
如何达到极致的编码效率,当然是能不手写则不手写 。下面这些插件就是辅助大家进行一些自动化,这样就可以节省下很多的时间用来摸鱼了 。
Auto Import
Typescript自动导入,其实现在很多的插件基本都内置了这种功能,已经不是必须品了 。可能是因为我装了各种奇奇怪怪的插件,我现在想导入什么东西的时候,一大堆的提示,随便选一个都能导进来??
Auto Rename Tag
自动修改标签名,重命名一个开始标签时,自动重命名配对的结束标签 。
一下子就对应的全修改掉了,是不是很 nice 。
change-case
快速切换变量格式,什么大坨峰,小驼峰,下划线等等,它里面有很多类型 。使用方法按 F1(windows),输入对应命令即可 。
CSS Peek
可以通过点击类名迅速定位到样式的定义 。不知道是不是我自己的原因,有的时候会失效,需要点击 禁用,再点击启用就好使了 。具体使用方法参考链接
ECMAScript Quotes Transformer
用于 模板字符串和普通字符串拼接的相互转化,但其实我日常开发基本上都是统一使用模板字符串的,很少有这种互相转化的需求 。
用法也是非常简单,选中需要转化的行,按 f1输入命令即可,一般输入esq就出现提示了 。
embrace
快速的在选中代码两边添加各种引号、括号,不用来回移动光标,不过好像现在市面上的编辑器大多都内置这功能了吧????
File Utils
创建,复制,移动,重命名,删除文件和目录的便捷方法,演示图片来自官网 。
javascript console utils
前端人员的调试少不了 console.log,那么这就是一款快速生成console.log的插件 。使用方法非常简单,选中变量,然后按ctrl + shift + L就可以生成了 。需要删除的时候按ctrl + shift + D即可删除 。
json2ts
自动把 json格式转成ts的类型,复制json之后按ctrl + alt + v即可 。
koroFileHeader
自动添加 头部注释和函数注释的插件 。支持自定义内容,需要在settings.json中进行自定义配置 。
\”fileheader.customMade\”: {\”Author\”: \”一尾流莺\”,\”Description\”: \”\”,\”Date\”: \”Do not edit\”,\”LastEditTime\”: \”Do not edit\”,\”FilePath\”: \”\”},\”fileheader.cursorMode\”: {\”description\”: \”\”,\”param\”: \”\”,\”return\”: \”\”},
Mithril Emmet
快速生成代码结构,不过好像新版本 vscode已经内置了 。
Path Intellisense
引入文件的时候,路径自动补全 。
Npm Intellisense
导入 npm包的时候,智能提示 。
px to rem & rpx (cssrem)
自动换算单位的插件 。
很简单,出现提示以后回车即可 。
Turbo Console Log
另一个用来生成 console.log的插件,不同的是,他支持自定义console.log的内容,包括文件名,路径,大小等,还可以添加自己喜欢的emoji表情,快捷键ctrl + alt + L 。

推荐阅读