zoukankan      html  css  js  c++  java
  • vscode配置

    最近更新了vscode,之前的语言配置的恢复啦,上一次的配置还是很久之前,就忘记如何配置,现在小记,避免下次更新恢复,花时间在网上找了;

    一:语言配置

      安装chinese (Simplified)Language Pack for r Visual Studio Code

      “查看”--》“命令面板” 或者快捷键“ctrl+shift+p”打开输入如图所示

      

    注意:一定要重启vscode否则无效

    二:终端字间距

    重启之后终端字间距 我是不忍直视的 后来看到这篇文章https://www.cnblogs.com/chenyansu/p/8641824.html

    修改之后,字号是可以调整的 ,而且vscode也会弹出窗口显示终端字体只支持“monospace”

     三:页面自动刷新。实时查看页面编辑状态

    1、安装插件Live server

    2、在工作区新建index.html,输入内容鼠标右键Open with live server默认的打开chrome浏览器,可以看到页面在浏览器打开

    3、修改页面内容,可以观察到在浏览器端同步修改

     注意:需要打开的页面,需要先添加到vscode的工作区域(左侧边栏)下

    四:vscode外观设置,GlassIt-VSC可是改变编辑器的透明度

    安装GlassIt-VSC,"ctrl+alt+z" 增加透明度,"ctrl+alt+c"减少透明度

     前端插件:

      Auto Close Tag:自动闭合标签

      Auto Rename Tag :自动修改另一侧的标签

      color info:颜色选择

      JS-CSS-HTML Formatter:代码格式化

      debugger for Chrome:chrome测试

      open in brower:从浏览器端打开页面

      path Intellisense:路径提示

      vscode-icons:文件以及文件夹图标显示

      HTML Snippets:智能提示HTML标签,以及标签含义

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

      JavaScript (ES6) code snippets :This extension contains code snippets for JavaScript in ES6 syntax for Vs Code editor (supports both JavaScript and TypeScript).

    JavaScript(ES6) code snippets:ES6语法智能提示,以及快速输入,不仅仅支持.js,还支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各种包含js代码文件的时间

    微信小程序:

      minapp

      Easy WXLESS

      vscode-wechat

      wxml

    vue project:

      Vetur

      VueHelper

    希望能给你们帮助;

    常用的插件:https://segmentfault.com/a/1190000018447996

  • 相关阅读:
    UIFont的使用和字体类型总结
    LOJ-10100(割点个数)
    LOJ-10099(点双联通)
    poj-3177(并查集+双联通分量+Tarjan算法)
    图论:割点和桥
    牛客训练五:炫酷数学(思维)
    牛客训练五:炫酷路途(c++与dp)
    并查集的两种实现(按秩合并+路径压缩)
    牛客训练六:海啸(二维树状数组+vector函数的使用)
    牛客训练六:美食(贪心)
  • 原文地址:https://www.cnblogs.com/hongll/p/10531518.html
Copyright © 2011-2022 走看看