zoukankan      html  css  js  c++  java
  • 使用Visual Studio code

    快捷键

    • ctrl+b 打开或关闭侧边栏
    • ctrl+ 打开多个editor
    • ctrl+e 快速的通过名字打开一个文件
    • 右键选择 Reveal in Explorer 打开文件夹
    • ctrl+tab 快速打开当前floder下的文件
    • alt+← 打开你上次打开的文件
    • alet+→ 打开你打开当前文件下次打开的文件
    • ctrl+alt+] 快速跳转到大括号中括号的开始或者结束位置
    • ctrl + s 保存到disk(磁盘)
    • 按着alt键+鼠标左键可以添加多处编辑
    • ctrl+alt+↑ 或者 ctrl + alt + ↓ 可以添加上下的多处编辑 但是会和显卡的快捷键冲突,要先关闭显卡快捷键
    • ctrl+shift+f 查询当前目录下的文件 支持正则查询

    • ctrl+space 触发代码提示

    • ctrl+click 可以跳转到定义函数的位置
    • ctrl+alt+click 可以新打开一个editor 显示函数的定义
    • ctrl+hover 可以显示函数定义的内容
    • ctrl+alt+f 格式化代码
    • alt + ↑ ↓ 切换当前行的位置
    • shift + alt + ↑ ↓ 复制当前行到上下行
    • ctrl+enter 此行后插入一行
    • ctrl+shift+enter 此行前插入一行
    • 神器 使用ctrl+shift+o 可以打开当前文件定义的所有函数的索引 可以使用 ↑ ↓ 来索引
    • ctrl+shift+k 删除当前行
    • shift+delete 剪切当前行
    • ctrl+shift+l 选择所有相同的编辑
    • ctrl+[ ] 缩进当前行
    • home end 行首 行尾 同时按ctrl 文件首 文件尾
    • ctrl+f 查找
    • ctrl+h 替换

    • 当你打开的是一个git项目的时候 vscode 会自动给你添加注释

    • 红三角表示,当前行已被删除
    • 绿色条表示新添加的行
    • 蓝色条指示修改的行

    对于vscode 支持的语言 悬停将显示有用的信息如类型的符号

    语言支持 支持很多 例如 c# c++ 等等 这里只写 html css sass less javascript
    支持javascript 代码自动验证规则
    会引起警告的操作

    1. 使用别的类型重新生命变量
    2. 无效的分号插入
    3. 使用一个未定义的变量
    4. 一个没有用到的函数
    5. 没有用到的变量
    • html:

      • 内部自动支持emmet
      • 代码自动高亮
      • 代码提示
      • 你可以通过 ctrl+space 呼出
    • css less sass

      • 语法着色
      • 颜色预览注释
      • 验证css语法使用 csslint
      • 在文件中转到符号 ctrl+shift+o
      • 支持emmet的css代码自动生成
      • ctrl+shift 自动切换默认值
      • hover时显示dom节点信息
      • 找到关键字和 变量在同一个文件中的引用
      • 可以配置csslint lesslint sasslint的代码验证规则

    vscode 支持常用的git 命令 但是不要忘记 命令行仍然是你的朋友查看code相关的git命令可以看这里 工作中使用svn因此没往下看

    debugger
    debugger 相关

    转载自:http://ittce.github.io/blog/2015/05/07/useVSCode/

  • 相关阅读:
    数组排序去重
    js打印页面添加分页
    使用navicate可视化工具连接mysql数据库错误
    php_smarty模板引擎与.NET_VTemplate模板引擎对比
    JoshChen判断是否微信内置浏览器访问【转载】
    JoshChen毕业设计分享之班级网站-ASP.NET
    JoshChen防止前台恶意修改数据
    JoshChen安卓开发学习,从零开始(2)
    JoshChen安卓开发学习,从零开始(1)
    JoshChen模式笔记之php单例模式
  • 原文地址:https://www.cnblogs.com/huaxingtianxia/p/5481493.html
Copyright © 2011-2022 走看看