快捷鍵
1.打開命令行終端
使用快捷鍵: ctrl + · 即可;注意那個點是鍵盤上 esc 下面的那個;
或者
選擇vscode的 “查看”,然后選擇“集成終端” ,打開即可;
2.打開本地服務器
npm install -g live-server
3.vue代碼補全
Vue VSCode Snippets
插件
1.設置語言為中文插件:Chinese (Simplified) Language
- 快捷鍵ctrl+shift+p或者view---configlanguage
- 添加"locale":"zh-CN",或者去掉注釋
- 關閉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