工作中常用的vscode插件

栏目: CSS · 发布时间: 6年前

内容简介:在你更改标签名的时候,它会帮你把对应的关闭标签页进行同样的更改。HTML、CSS、JS、JSON SASS语法高亮,格式化代码的工具ctrl+shift+p输入beautify就有提示。

在你更改标签名的时候,它会帮你把对应的关闭标签页进行同样的更改。

工作中常用的vscode插件

Beautify

HTML、CSS、JS、JSON SASS语法高亮,格式化代码的工具

ctrl+shift+p输入beautify就有提示。

Better Comments

不同的注释显示不同的颜色,*,?,!起头然后开始写,你可以看到注释的颜色是不同的

工作中常用的vscode插件

Bracket Pair Colorizer

对应括号显示同样的颜色,以防我们搞混括号配对。

工作中常用的vscode插件

Code Runner

帮助我们运行代码的工具,比如你要运行一个js文件,打开这个文件,然后ctrl+alt+n就可以运行文件,系统自动调用node帮我们运行文件。

Document This(js 和typescript的注释模板)

ctrl+alt+D,两次(注意:新版的vscode已经原生支持,在function上输入/** tab)

工作中常用的vscode插件

Easy Sass编译输出css

第一步:在 VS Code 中使用 Ctrl+Shift+P打开命令面板,输入Preferences: Open User Settings或Preferences: Open Workspace Settings。

usersittings
    "easysass.compileAfterSave": true, //保存即编译
    "easysass.formats": [ //nested:嵌套缩进的 css 代码。
    //expanded:没有缩进的、扩展的css代码。
    //compact:简洁格式的 css 代码。
    //compressed:压缩后的 css 代码

            {
                "format": "expanded",
                "extension": ".css"
            },
            {
                "format": "compressed",
                "extension": ".min.css"
            }
        ],
    "easysass.targetDir": "css/" //自定义输出路径,如果不定义就会默认输出跟当前sass一样的路径。
复制代码

JavaScript (ES6) code snippets

es6的代码自动补全

jQuery Code Snippets

jquery代码自动补全,比如你要写一段ajax你需要输入jqAjax然后敲回车。

Node.js Modules IntelliSense

提供JavaScript和TypeScript导入声明时的自动补全。

Path Autocomplete 路径补全工具

工作中常用的vscode插件

Project Manager 项目管理工具

这两种方式对于需要经常切换项目时,比较耗时 为解决这个问题,vscode提供了Project Manager插件管理,开发时常用的项目

(1)command+ shift + p打开配置文件, 输入 Project Manager: Edit Projects

[
	{
		"name": "nuxtest",
		"rootPath": "e:\\nuxtest",
		"paths": [],
		"group": ""
	},
	{
		"name": "vuetest",
		"rootPath": "e:\\vuetest",
		"paths": [],
		"group": ""
	}
]
复制代码

(2)在左侧图标栏下就会有个小文件夹的选项,点击进去就可以切换项目了。


以上所述就是小编给大家介绍的《工作中常用的vscode插件》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

程序员修炼之道

程序员修炼之道

[美]享特 / 人民邮电出版社 / 2007-12 / 49.00元

《程序员修炼之道》适合各层次软件开发人员阅读,也适合高等院校计算机专业学生和教师阅读。一起来看看 《程序员修炼之道》 这本书的介绍吧!

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

MD5 加密
MD5 加密

MD5 加密工具

正则表达式在线测试
正则表达式在线测试

正则表达式在线测试