vscode編輯器的使用及插件


快捷鍵

1.打開命令行終端

使用快捷鍵: ctrl + ·     即可;注意那個點是鍵盤上 esc 下面的那個;

或者

選擇vscode的 “查看”,然后選擇“集成終端” ,打開即可;

 2.打開本地服務器

npm install -g live-server

3.vue代碼補全

Vue VSCode Snippets

插件

1.設置語言為中文插件:Chinese (Simplified) Language 

  1. 快捷鍵ctrl+shift+p或者view---configlanguage
  2. 添加"locale":"zh-CN",或者去掉注釋
  3. 關閉vscode再次打開

有些這樣設置沒效果,反正我是沒效果增加的插件

2.設置文件前面的圖標:vscode-icons

3.設置打開游覽器:Open-In-Browser

由於 VSCode 沒有提供直接在瀏覽器中打開文件的內置界面,所以此插件在快捷菜單中添加了在默認瀏覽器查看文件選項,以及在客戶端(Firefox,Chrome,IE)中打開命令面板選項。

 4.跟蹤css位置:CSS Peek

使用此插件,你可以追蹤至樣式表中 CSS 類和 ids 定義的地方。當你在 HTML 文件中右鍵單擊選擇器時,選擇“ Go to Definition 和 Peek definition ”選項,它便會給你發送樣式設置的 CSS 代碼。

 5.Path Intellisense 自動路徑補全

 

 

 參考地址:https://blog.csdn.net/qq_38906523/article/details/77278403

 


免責聲明!

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



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