VSCode插件——工欲善其事，必先利其器 #25

New issue

Jump to bottom

Open

phoebeCodeSpace opened this issue Dec 1, 2017 · 0 comments

Labels

tools

Owner

phoebeCodeSpace commented Dec 1, 2017 •

edited

Loading

外观配置

配色、字体：

{
    "workbench.colorTheme": "Visual Studio Dark",
    "editor.fontSize": 20,
    "editor.fontFamily": "Consolas, 'Courier New', monospace",
}

主题： atom one dark
VSCode Great Icons 图标
background 背景

工具

Atom Keymap
Import Cost 计算引入文件大小
Bracket Pair Colorizer 用更清晰的彩色展示 ()/[]/{}
View InBrowser在浏览器中打开
beautify美化代码
filesize 计算当前文件大小

html

div --> <div></div>
doc --> <!DOCTYPE html>
a   --> <a href=""></a>

Atuo Rename Tag修改 html 标签，自动帮你完成尾部闭合标签的同步修改

sass

Atom Sass Snippet
Easy Sass 自动编译

vue

Vue VSCode Snippets

快捷键	功能
vbase	生成vue基础模板
vimport	`import New from './components/New.vue';`
vmodel 、 vsrc 、 vclass、 vfor 、von	`<template>` 生成对应语法模板
vdata 、 vmethod 、vcomputed 、vfilter	`<script>` 生成对应语法模板

VueHelper vue代码片段

Typescript

Auto Import 自动引入引用路径

Markdown

markdownlint markdown校验
Markdown-TOC 自动生成markdown目录
Markdown Preview Enhanced 预览

The text was updated successfully, but these errors were encountered:

phoebeCodeSpace added the tools label

# for free to join this conversation on GitHub. Already have an account? # to comment