• vscode常好用的插件以及几个快捷操作


    使用方法,可以在官网中搜索需要的插件或者在VsCode的“”扩展“”中搜索需要的插件
    添加方法使用Ctrl+P, 输入 ext install xxxx ,搜索要安装的插件,点击安装按钮即可(各取所需插件)

    ext install HTML Snippets------------>超级使用且初级的H5代码片段以及提示

    ext install HTML CSS Support ------------>让HTML标签上写class智能提示当前项目所支持的样式

    ext install Debugger for Chrome------------>让vscode映射chrome的debug功能,静态页面都可以用vscode来打断点调试、配饰稍微复杂一点

    ext install jQuery Code Snippets jquery------------>提示工具

    ext install Path Intellisense------------>自动路径补全、默认不带这个功能

    ext install Npm Intellisense------------> require 时的包提示

    ext install Document this------------>js的注释模板

    ext install Project Manager------------>多个项目之间快速切换的工具

    ext install ESlint ESlint------------>接管原声js提示,可以自定制体会规则。这个比较高玩、

    ext install beautiful------------>格式化代码的工具

    ext install Typings Installer------------>安装vscode 的代码提示依赖库,基于typtings的,比如提示angular或者jQuery只能感知、至于什么是typtings自己去百度。

    ext install Bootstrap 3 Sinnpet------------>常用bootstrap的可以下

    ext install Auto Rename Tag------------>修改html标签,自动帮你完成尾部闭合标签的同步修改,和webstorm一样。

    ext install JavaScript Atom Grammar------------>使用atom风格的语法高亮、对于习惯浏览atom风格代码高亮的人实用

    ext install vscode-icon------------>让vscode资源目录加上图标、必备

    ext install One Dark Theme------------>来自Atom的one dark主题好看实用

    ext install View InBrowser------------>在浏览器中查看 Ctrl+F1

    VSCode插件 之Open in Browser:
    1.使用快捷键 Alt+B
    2.右键在浏览器中查看

    新建文件:
    a. 文件——>新建文件;
    b. 按Ctrl+n;
    c. 点文件夹名后面的+号图标。
    新建文件夹:
    点文件夹名后面的+号图标。

    拆分编辑器(分列)
    快加键:Ctrl+

  • 相关阅读:
    goj 天涯若比邻(最小与最大相邻素数)
    HTML5_CSS3可切换注册登录表单
    粒子效果进度条
    鼠标滑过抖动图标
    HTML5/CSS3鼠标滑过图片滤镜动画效果
    自定义抖动表单
    3D焦点图插件
    CSS3自定义Checkbox特效
    CSS3自定义下拉框菜单
    Flash+XML前后按钮超酷焦点图
  • 原文地址:https://www.cnblogs.com/lhl66/p/7702411.html
Copyright © 2020-2023  润新知