新建,保存和预览文件
新建:在本地新建文件夹(目录),并将其拖至vscode中,再在vscode中对该目录新建相应文件,如html,css,js文件。
保存:按保存或者“ctrl+s”保存文件。平时可将保存状态设置为自动保存
预览:需要预览文件时,右键选择“open in default browser”或者按快捷键:“ALT+B”。(如果右键没有open in default browser,则需要安装插件,左侧边栏第五个按钮打开,在应用商店中搜索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按键 //大于号表示父子关系
-
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 //直接搜索命令然后按回车执行命令
eg:ctrl+shift+p
打开命令面板,搜索open in default browser
按回车后即可预览网页效果。
**快速搜索文件:ctrl+p
配置vscode
文件--首选项--设置。
然后在右侧编写你的样式,如果不知道语法,可在搜索框中搜错相应的英文关键字,然后按照左边默认的样式在右边编写你想要的样式
将vscode设置为git的默认编辑器:
方法一: 通过在命令提示符窗口中执行该命令来设置默认的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了