分享一下个人的VScode插件以及配置

2018-03-09 本文已影响0人刘圣凯

之前一直用webstorm，webstorm确实太重了，后来无意中发现了vscode。高颜值吸引了我哈哈哈…就一直用着。

VScode下载地址：点击下载

很喜欢VScode的插件功能~想要什么插件就搜索，

以下是我装的一些插件，记录防止下次装机

只要点击一下某款插件，插件的介绍和用法都会在右侧窗口详细介绍，还会有小动画演示用法

Auto Rename Tag —— 自动同步修改标签
AutoFileName —— 自动补全路径提示
background —— 一个萌萌的插件，可以自己设置vsc的背景图
Bootstrap 3 Snippets —— bootstrap必备
Debugger for Chrome —— 方便调试
Document This —— Js的注释模板
ESLint —— 检测JS必备
Easy Less —— less文件自动实时编译成css
GBKtoUTF8
Git History (git log)
HTML CSS Support —— css自动补齐
HTML Snippets —— 支持HTML5的标签提示
JavaScript (ES6) code snippets
jQuery Code Snippets —— jquery 自动提示
JS-CSS-HTML Formatter —— 代码对齐。每次保存代码的时候它会自动对齐代码
Markdown Theme Kit —— 主题
Dracula —— 主题
node-readme
Npm Intellisense —— npm包代码提示
One Dark Theme —— 一款背景主题
Path Intellisense —— 路径自动补全
Project Manager
Sort lines
Typings Installer —— 安装vscode 的代码提示依赖库，基于typtings的，比如提示angular或者jQuery智能感知
vetur —— 目前比较好的Vue语法高亮

  //vetur的配置[文件-首选项-设置]在右侧覆盖~
    "emmet.syntaxProfiles": {
        "vue-html": "html",
        "vue": "html"
    },
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        "vue"
    ],
    "files.associations": {
        "*.vue": "vue"
    }

View In Browser——在浏览器中预览页面（ctrl+F1）
VS Color Picker——拾色器
vscode-icons——让vscode资源目录加上图标
vue
Vue 2 Snippets——vue2语法高亮

设置字体大小等：

[文件-首选项-设置] 在右侧覆盖

VScode一直在更新，最近更新后，界面显示语言变成了英文。如果想设置成中文，按住f1 或者ctrl+shift+p 进入命令行，输入“ Configure Language”

这里写图片描述

上图是英文：en
配置成中文：zh-CN

分享一下个人的VScode插件以及配置

设置字体大小等：

猜你喜欢

热点阅读