vscode苹果电脑显示应输入文件名什么意思
输入文件名就可以快速跳转到指定的文件。打开命令行,进入工作目录,如果要打开某个文本文件,直接输入code+文件名称即可。如果要打开某个文件夹,可以先进入这个文件夹,在命令行中敲入code . 就可以了。
VSCode中通过文件名迅速找到文件所在
VSCode中自带文件检索功能,之前还一直傻着对着文件位置找半天....
在Windows和Linux中快捷键:ctrl+p 或者 ctrl+e
vscode自动生成模版name默认为文件名mac版
一.code -- 首选项 -- 用户片段
二.cmd+p打开搜索面板搜索vue.json,点击打开
三. 最后全文复制就好啦! 戳这里
{
// Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and
// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
// same ids are connected.
// Example:
// "Print to console": {
// "prefix": "log",
// "body": [
// "console.log('$1');",
// "$2"
// ],
// "description": "Log output to console"
// }
"Print vue model": {
"prefix": "vue",
"body": [
"template",
" div$1",
" /div",
"/template\n",
"script",
"export default {",
" name:'$TM_FILENAME_BASE',",
" data() {",
" return {\n",
" }",
" },",
" components: {",
" }",
"}",
"/script\n",
"style lang=\"scss\"",
"/style",
"$2"
],
"description": "my vue model"
}
}
注:1.其中的$1, $2 是快速生成后光标位置,先位于$1,按下Tab键后位于$2
2.自动生成name的秘诀就在$TM_FILENAME_BASE,详戳 这里 。
vscode修改文件名同时修改文件引入
一、重命名变量
1、首先看看自己需要同时修改多处的代码是不是要重命名一个变量,如果是的话,有现成的快捷键f2。选中一个变量,按f2,弹出一个小窗口,在里面输入内容后按回车,所有该变量都会被重命名。
2、但是要注意,在js文件中,如果这个变量没有用var或者const或者let声明,会无法重命名。
二、多光标
1、按住alt,用鼠标左键点击,可以出现多个光标,输入的代码可以在光标处同时增加。
2、按住Ctrl + Alt,再按键盘上向上或者向下的键,可以使一列上出现多个光标。
3、选中一段文字,按shift+alt+i,可以在每行末尾出现光标
4、光标放在一个地方,按ctrl+shift+L或者ctrl+f2,可以在页面中出现这个词的不同地方都出现光标。有时候这个快捷键的作用和f2重命名变量类似,但是它更加广泛,因为还可以对比如字符串相同的非同一变量或函数类的东西修改。
5、按shift+alt,再使用鼠标拖动,也可以出现竖直的列光标,同时可以选中多列。
6、任何光标操作,可以按Ctrl + U取消
三、替换字符串
1、按ctrl+f,可以搜索当前页面,然后按搜索框左边的小三角符号,可以切换成替换模式。有时候使用字符串替换,比多光标方便,但是注意别不小心替换掉不想替换的内容。
vscode 基础知识点查看
vscode全局搜索快捷键: ctril+shift+f
margin与padding理解
(1)margin-left:10px; 左外边距
(2)margin-right:10px; 右外边距
(3)margin-top:10px; 上外边距
(4)margin-bottom:10px; 下外边距
(5)margin:10px; 四边统一外边距
(6)margin:10px 20px; 上下、左右外边距
(7)margin:10px 20px 30px; 上、左右、下外边距
(8)margin:10px 20px 30px 40px; 上、右、下、左外边距
padding与margin一样