vscode 文件高亮插件_实用的Visual Studio Code插件

1.vscode-color-highlight------颜色代码高亮插件。(sublime text也有)

2.vscode-Open in Browser------右键在浏览器打开。(sublime text也有)

3.vscode-Path Intellisense------文件路径提示。(sublime text也有)

4.vscode-JS-CSS-HTML Formatting------js-css-html格式化。(sublime text也有)

5.vscode-Visual Studio Code Format------vscode代码格式增强工具。(右键格式化)

6.vscode-Sass------sass/scss文件语法提示。(sublime text也有)

7.vscode-Easy Sass------scss编译成css，min.css。(不错的一个sass编译工具)

8.vscode-csscomb------css属性排序。(sublime text也有)

9.vscode-HTML Class Suggestions------工作空间class代码提示。

PS：(1)npm install csscomb -g

npm install csscomb --save-dev

这两步是必须的。

(2)配置vscode

打开“文件”-“首选项”-“设置”。找到“csscomb configuration”选项。添加“csscomb.preset”选项。

模式有三种，csscomb, yandex, zen。任选其一。

(3) 选中css/less/scss文件,运行按F1，输入"csscomb"，回车即可。

特别注意一点，“csscomb.preset”选项还可以这样配置的。

10.vscode-fake------生成各种假数据类型。(姓名，电话)

11.vscode-CSS Peek------class名字定义跳转。(终于拥有dw cc的这个css定义跳转功能)

12.vscode-eCSStractor-----抽取页面的class，生成一个css文档。

13.vscode-Regex Previewer------正则匹配预览。

14.vscode-Quokka------js实时编译。(相当于边写边输出控制台信息)。

15.vscode-SVG Viewer------svg预览。

16.vscode-Change Case-----变量名命名风格切换。(解决了命名风格不统一的工具)

17.vscode-Document This-----jsdoc注释生成。

18.vscode-Live Server-----http服务器(相当于使用nodejs的http-server )。

PS：vscode底部可以点击运行，十分方便。

vue框架

18.vscode-Vue 2 Snippets------vue2的语法高亮，语法提示。

19.vscode-Vetur------vue单文件能够像html，js，css一样编写，注释。

20.vscode-wpy-beautify------vue2单文件格式化。

PS：vscode确实是一个不错的编辑器。

与sublime text3对比，有以下优点。

1.文件搜索功能。

有一个很好的文件浏览器去筛选文件，查找，修改，替换。

2.文件拖拽移动。

3.默认集成终端。无需装插件去打开终端。

vscode 文件高亮插件_实用的Visual Studio Code插件相关推荐

vscode php插件_JS之提高开发效率的Visual Studio Code插件
阅读本文约需要9分钟大家好,我是你们的导师,我每天都会在这里给大家分享一些干货内容(当然了,周末也要允许老师休息一下哈).上次老师跟大家分享了JS之小技巧的知识,今天跟大家分享下JS之提高开发效 ...
visual studio 代码提示插件_程序员请收好：10个非常有用的Visual Studio Code插件
作者 | Daan 译者 | Elle 出品 | CSDN(ID:CSDNnews) [导读]一个插件列表,可以让你的程序员生活变得轻松许多.无论你是经验丰富的开发人员还是刚刚开始第一份工作的初级开发 ...
离线安装Visual Studio Code插件
在使用Visual Studio Code 开发时候,有时可能会碰到需要离线安装插件的情况.这时候就需要单独下载插件包,本文就以C/C++插件包为例说明如何离线安装Visual Studio Code ...
程序员请收好：10个非常有用的Visual Studio Code插件
作者 | Daan 译者 | Elle 出品 | CSDN(ID:CSDNnews) [导读]一个插件列表,可以让你的程序员生活变得轻松许多.无论你是经验丰富的开发人员还是刚刚开始第一份工作的初级开发 ...
程序员请收好：10个非常有用的 Visual Studio Code 插件!
一个插件列表,可以让你的程序员生活变得轻松许多. 作者 | Daan 译者 | Elle 出品 | CSDN(ID:CSDNnews) 以下为译文: 无论你是经验丰富的开发人员还是刚刚开始第一份工作的 ...
Visual Studio Code插件
文章目录 Visual Studio Code插件 1. Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code 2. ESL ...
vscode 清空缓存_如何清除Visual Studio Code的TypeScript的intellisense缓存？
我最近一直在使用Visual Studio代码问题,它拒绝在TypeScript文件上提供任何Intellisense,但只在某些文件上提供.目前,我有我的文件夹的布局是这样的:如何清除Visual ...
vscode 注释多行代码_如何在Visual Studio Code中注释多行？
我找不到在Visual Studio Code中注释和取消注释多行代码的方法. 是否可以使用某些快捷方式在Visual Studio Code中注释和取消注释多行? 如果是,该怎么办? 当其中一行已被 ...
30个极大提高开发效率的Visual Studio Code插件
译者按: 看完这篇文章,我打算从 Sublime Text 转到 Visual Studio Code 了! 原文: Immensely upgrade your development enviro ...
Visual Studio Code插件整理大全
1.提升效率类插件 1.1: ESLint(格式化程序和规范代码) 如果你需要格式化程序和规范代码,那么这个插件适合你. 它可以自动格式化你的代码并查找代码中的错误. 此外,它允许你在书签代码之间选择 ...

vscode 文件高亮插件_实用的Visual Studio Code插件

vscode 文件高亮插件_实用的Visual Studio Code插件相关推荐

最新文章

热门文章