vscode 日志文件_Visual Studio Code(VS code)介绍

本文介绍了Visual Studio Code(VS Code)的特点,包括开源、免费、强大的智能提示和调试功能,以及丰富的插件扩展。详细讲解了如何安装插件、推荐了一组实用插件,涉及代码格式化、调试、语言支持、代码提示、主题和项目管理等方面,旨在提升开发效率。
摘要由CSDN通过智能技术生成

一.日常安利 VS code

VS vode特点:

开源,免费;

自定义配置

集成git

智能提示强大

支持各种文件格式(html/jade/css/less/sass/xml)

调试功能强大

各种方便的快捷键

强大的插件扩展

对前端这么友好,没理由不用。

Visual Studio Code(VScode )官网 :https://code.visualstudio.com/

Visual Studio Code(VScode )github地址 :https://github.com/Microsoft/vscode

二.怎么安装插件?

方法一:

按F1或Ctrl+Shift+p,输入extensions,点击第一个就可以

方法二:

ctrl + P 然后输入 >ext install

方法三:

点击图中位置

三.插件合集

a.配置类插件:

Settings Sync,一台电脑配置好之后,其它的几台电脑都不用配置。新机器登录一下就搞定了。再也不用折腾环境了,使用GitHub Gist同步多台计算机上的设置,代码段,主题,文件图标,启动,键绑定,工作区和扩展。

Debugger for Chrome,映射vscode上的断点到chrome上,方便调试

beautify格式化代码工具,美化javascript,JSON,CSS,Sass,和HTML在Visual Studio代码。

Auto Close Tag,自动闭合HTML/XML标签

Auto Rename Tag,自动完成另一侧标签的同步修改

Chinese (Simplified) Language Pack for Visual Studio Code,中文(简体)语言包,将界面转换为中文,使用快捷键【Ctrl+Shift+P】来实现,在弹出的搜索框中输入【configure language】,然后选择搜索出来的【Configure Display Language】,然后就打开了locale.json文件,locale然后重新输入冒号会自动出现代码提示。

Code Spell Checker,识别单词拼写是否有误,并给出提示

vscode-icons,显示Visual Studio代码的图标,目前该插件已被vscode内部支持:"文件" -> "首选项" -> "文件图标主题"

guides,显示代码对齐辅助线,很好用

Rainbow Brackets,为圆括号,方括号和大括号提供彩虹色。这对于Lisp或Clojure程序员,当然还有JavaScript和其他程序员特别有用。

Bracket Pair Colorizer,给括号加上不同的颜色,便于区分不同的区块,使用者可以定义不同括号类型和不同颜色

Indent-Rainbow,用四种不同颜色交替着色文本前面的缩进

filesize,在状态栏中显示当前文件大小,点击后还可以看到详细创建、修改时间

Import Cost,对引入的计算大小

Path Intellisense,自动提示文件路径,

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值