新建,保存和預覽文件
新建:在本地新建文件夾(目錄),并將其拖至vscode中,再在vscode中對該目錄新建相應文件赴恨,如html,css,js文件。
保存:按保存或者“ctrl+s”保存文件伴栓。平時可將保存狀態(tài)設置為自動保存
預覽:需要預覽文件時伦连,右鍵選擇“open in default browser”或者按快捷鍵:“ALT+B”。(如果右鍵沒有open in default browser钳垮,則需要安裝插件惑淳,左側(cè)邊欄第五個按鈕打開,在應用商店中搜索open in browser扔枫,然后點擊安裝汛聚,再重載窗口)
簡寫技巧
-
H5框架簡寫:
!+TAB按鍵 或者 htlm:5+TAB按鍵
-
<div></div>簡寫:
div+TAB按鍵
-
<div class=”red”></div>簡寫:
div.red+TAB按鍵
-
Class為red的div標簽里面包含一個a標簽的簡寫:
div.red>a+TAB按鍵 //大于號表示父子關(guān)系
-
10個Class為red的div標簽里面都包含一個a標簽的簡寫:
div.red*10>a+TAB按鍵
-
10個Class為red的div標簽里面都包含一個a標簽,a的href標簽不同的簡寫:
div.red*10>a【href=”#page$”】+TAB按鍵(不同用$表示)
-
10個Class為red的div標簽里面都包含一個a標簽,a的href標簽不同锹安,a中間的文字也不同的簡寫:
div.red*10>a【href=”#page$”】{文字$}+TAB按鍵(不同用$表示)
- n個標簽短荐,標簽之間有文字,文字不同時的簡寫:
div{}
快捷鍵
命令面板:ctrl+shift+p //直接搜索命令然后按回車執(zhí)行命令
?eg:ctrl+shift+p
打開命令面板叹哭,搜索open in default browser
按回車后即可預覽網(wǎng)頁效果忍宋。
**快速搜索文件:ctrl+p
配置vscode
文件--首選項--設置。
然后在右側(cè)編寫你的樣式风罩,如果不知道語法糠排,可在搜索框中搜錯相應的英文關(guān)鍵字,然后按照左邊默認的樣式在右邊編寫你想要的樣式
將vscode設置為git的默認編輯器:
方法一: 通過在命令提示符窗口中執(zhí)行該命令來設置默認的git編輯器:
git config --global core.editor "'D:\Users\10218\AppData\Local\Programs\Microsoft VS Code\Code.exe' -w"
方法二:
如果想在命令行中打開Code超升,打開~目錄下的.bashrc
gedit .bashrc
在最后添加下面一行
alias code='/usr/share/VSCode-linux-x64/Code'
重新打開命令行入宦,輸入code就可以打開Visual Studio Code了