一、摸鱼系列
开头即王炸,谁TM写代码,上班钓鱼不是梦
- 1、允许 VSCode看知乎,使用 Markdown 写答案,并在内部发布答案
== Zhihu On VSCode ==- 2、听歌插件
== VSC Netease Music==- 3、看小说插件
epub reader
//ctrl+3激活- 4、追番插件
daily anime- 5、看NBA文字直播
yanba- 6、番剧、小说、音乐都齐了,现在轮到游戏啦!
小黑盒- 7、韭菜的自我修养:股市
Stock Watch- 8、 沙雕的程序员鼓励师
超级鼓励师
还有超越鼓励师
划重点:小心被开除
言归正传,下面列的是没用的插件
二、通用插件
- 1、协同,实时写代码
Live Share
非用好用的神器,这货是微软自家出的实时协作插件,有用过石墨文档或者腾讯文档的没?差不多那样了- 2、备忘,标记插件
TODO Highlight- 3、显示导入包的大小
Import Cost- 4、自动生成假数据
random
//CTRL+SHIFT+P,输入random:选择数据- 5、查看git修改记录
GitLens- 6、快捷输入标题
Document This
设置:
“docthis.includeAuthorTag”: true,//出现@Author
“docthis.includeDescriptionTag”: true,//出现@Description
“docthis.authorName”: “shenzekun”,//作者名字
快捷键: 按两次Ctrl+alt+d- 7、快速注释
Document This- 8、书签功能,支持跳转
Bookmarks
//ctrl+alt+k 标记位置,ctrl+alt+l 跳转标记位置- 9、突出目前的缩进深度
Indenticator- 10、鼠标移到路径里显示图像预览
Image Preview- 11、终端输出提示的文字颜色有一些变化,方便获取关键信息
Output Colorizer- 12、路径自动补全(必备)
Path Intellisense- 13、目录树图标
vscode-icons- 14、高亮匹配标签
highlight-matching-tag- 15、格式化javascript,JSON,CSS,Sass,和HTML
Beautify- 16、颜色识别匹配括号
Bracket Pair Colorizer
三、vue相关
- 1、语法高亮、智能感知
vetur- 2、vue代码片段
VueHelper- 3、vue 2代码片段
Vue 2 Snippets
四、html相关
- 1、html代码检测
htmlhint- 2、html 代码片段(必备)
HTML Snippets- 3、智能提示HTML class =“”属性(必备)
Class autocomplete for HTML- 4、在 html 标签上写class 智能提示当前项目所支持的样式(必备)
HTML CSS Support- 5、自动重命名配对的HTML / XML标签(必备)
Auto Rename Tag- 6、自动添加HTML / XML关闭标签(必备)
Auto Close Tag- 7、可以在选中HTML标签中外面套一层标签
htmltagwrap
使用:选择一大段代码,然后按“Alt + W”
五、css相关
- 1、写 sass 必备
Sass- 2、在 SCSS 中创建变量,引入定义的$
SCSS IntelliSense- 3、智能提示 css 的 class 名
IntelliSense for CSS class names- 4、能够查看CSS ID和类的字符串作为HTML文件中相应的CSS定义(必备)
css peek
六、js相关
- 1、es6代码片段(必备)
JavaScript (ES6) code snippets- 2、js代码片段(必备)
JavaScript Snippet Pack- 3、可以在导入语句中自动完成JavaScript / TypeScript模块。
Node.js Modules Intellisense- 4、格式化JavaScript / TypeScript / CSS 。
Prettier
七、好看的主题
- 1、Monokai Pro