zoukankan      html  css  js  c++  java
  • VScode使用简介

    1.1 VSCode简介

    VSCode官网:https://code.visualstudio.com/

    支持语音:

    速度较快,对超大文件读写速度飞快(打开10M代码不到1s,Subline原生会卡近6s),插件数量相对少,有一些增强功能比如调试器, 终端,原生支持语言语法高亮较少(C# JS TypeScript是第一位),内置JS/TS调试器…可以基于不同项目(文件夹)设置偏好,写C#和JS/TS专用

    注意:VSCode需要安装git和Framework

    主题常用:Monokai

    1.2 常用插件

    插件名称介绍使用方法
    filesize 在底部状态栏显示当前文件大小,点击后还可以看到详细创建、修改时间 自动启用
    vscode-icons 美化VSCode的界面,在文件名前面显示小图标 自动启用
    view in browser 用浏览器预览HTML文件 鼠标右键
    Bootstrap 3 Sinnpet 常用 bootstrap 的可以下 根据片段触发
    css peek 跟踪样式表中 CSS 类和 id 的样式,点击右键直接跳转到对应的css代码  
    Auto Close Tag 自动闭合HTML标签  
    HTML Snippets 超级实用且初级的 H5代码片段以及提示  
    HTML CSS Support 让 html 标签上写class 智能提示当前项目所支持的样式。 <br>新版已经支持scss文件检索(更新应该是这个插件 IntelliSense for CSS class names in HTML)
    Debugger for Chrome 让 vscode 映射 chrome 的 debug功能,静态页面都可以用 vscode 来打断点调试  
    jQuery Code Snippets jquery 重度患者必须品  
    Sublime Text Keymap for VS Code 模仿sublime快捷键操作  
    Path Intellisense 自动路劲补全,默认不带这个功能的  
    ESlint ESlint 接管原生 js 提示,可以自定制提示规则。 1
    HTMLHint html代码检测 1
    Project Manager 在多个项目之前快速切换的工具  
    HTML CSS Class Completio 扫描项目中的所有css中的class名,在html中自动补全,安装后每次打开自动启用  
         
    vscode-fileheade 顶部注释模板,可定义作者、时间等信息,并会自动更新最后修改时间  
    Auto Rename Tag 修改HTML标签时,自动修改匹配的标签 1
    Beautify css, sass and less code 格式化代码的工具,css/sass/less格式化 1
    Bracket Pair Colorizer 让括号拥有独立的颜色,易于区分。可以配合任意主题使用。  
    vetur 语法高亮、智能感知、Emmet等  
    VueHelper snippet代码片段  

    1.3主题

    1.Material

    冷门、好看、实用。此主题已停更许久

    2.Dracula

    目前我觉得是vscode上最漂亮的主题,vscode 1.11+允许自定义statusBar等全局ui后,该主题也跟进改了很多小细节,良心!~

    3.One Dark Pro

    源于Atom,老版本的Atom One Dark主题可以扔了.

  • 相关阅读:
    SqlServer 中的递归查询
    javascript 个人笔记
    WPF图片切换问题(美女时钟)
    在winform如何避免绘图时图片总是闪烁
    SQLServer中几种行列转换的方式
    Oracle递归查询
    Autofac整合Castle.DynamicProxy实现AOP
    学习Nop中Routes的使用
    TypeFinder学习
    集成和配置AutoMapper
  • 原文地址:https://www.cnblogs.com/zhaowy/p/8444770.html
Copyright © 2011-2022 走看看