使用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/


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM