【VSCode】VisualStudioCode软件使⽤⼊门
说明
这是⼀篇VS Code IDE软件使⽤⼊门⽂章,⼯欲善其事,必先利其器,在使⽤新IDE之前,不妨先对其进⾏⼀个全⾯了解。
如果你做WPF等桌⾯端开发,⽬前VSCode还没有好⽤的可视化插件,只能修改完XAML后运⾏起来看效果。
VSCode的命令⾏启动⽅式
启动CMD命令⾏编辑器,在某⼀⽂件夹下输⼊“code .”,即可启动VSCode,并默认打开这⼀⽂件夹。
同样的,如果要从⽂件打开⼯作区,输⼊“code ⼯作区⽂件名”即可打开⼯作区。
单⼀⽂件的打开是⼀样的。
当然VSCode可以正常启动软件,从可视化界⾯操作打开⽂件和项⽬。
下⾯逐⼀分析记录菜单栏各菜单内容功能
⽂件
1、新建⽂件
会直接创建⼀个未命名⽂件供编辑,⽂件的后缀名也是不确定的,保存的时候才会让你选⽂件类型和保存位置。
2、新建窗⼝
相当于直接⼜启动了⼀个VSCode IDE,打开了第⼆个VSCode。
3、打开⽂件
没错,只打开⼀个⽂件,不管是项⽬⽂件或解决⽅案,仅仅只是打开这个⽂件⽽已。
甚⾄.code-workspace⼯作区⽂件也仅仅只会打开⽂件的内容⽽已,不会打开⼯作区。
4、打开⽂件夹
以某个⽂件夹为根⽬录,打开此⽬录树
5、从⽂件打开⼯作区
可以打开.code-workspace类型的⽂件定义的⼯作区
6、将⽂件夹添加到⼯作区、将⼯作区另存为、复制⼯作区
VSCode中的⼯作区是为了让你配置⼀个⼯作环境,让你更好地针对不同地环境(如JAVA环境,C++环境)设定不同地配置体验更好的VSCode,为了基于项⽬的级别⽽不是在全局(⽤户)级别上应⽤任何设置或配置,有了⼯作区,就可以定制⼯作环境的各个⽅⾯,以满⾜和匹配正在处理项⽬的特定需求,如插件、任务、代码⽚段,甚⾄是⽂本编辑器的外观。
举个例⼦:
我们在c#环境⼯作时,⽤不到Python的插件,但这个插件是默认开启的,占⽤很多不必要的系统内存,我们就可以在不同的⼯作区进⾏不同的配置。
⼯作区设置和系统设置、⽂件夹项⽬设置等有⼀定的覆盖层次。
编辑
⽆它,⼀些撤销、恢复、剪切、粘贴、复制的基本操作,这⾥的查和替换新⼿可能会有迷惑。
1、普通的查、替换
快捷键Ctrl+F,打开的查和替换框是针对当前打开的⽂档的查和替换。
2、在⽂件中查、替换
快捷键Ctrl+Shift+F,在界⾯最左侧功能区显眼的放⼤镜就是它,相当于在整个解决⽅案中查和替换。
灵活使⽤它们的“区分⼤⼩写”、“全字匹配”、“使⽤正则表达式”等功能。全字匹配指的是假如启⽤之后,搜索do,只有在到单独的do才认为符合要求,⽽doing则被认为不符合条件。
3、切换⾏注释、切换块注释
autoeventwireup什么意思⾏注释"//"的添加和取消快捷键:Ctrl+/
块注释“/**/”的添加和取消快捷键:Shift+Alt+A
4、Emmet:展开缩写
Emmet (前⾝为 Zen Coding) 是⼀个能⼤幅度提⾼前端开发效率的⼀个⼯具. 在前端开发的过程中,⼀⼤部分的⼯作是写 HTML、CSS 代码。特别是⼿动编写 HTML 代码的时候,效率会特别低下,因为需
要敲打很多尖括号,⽽且很多标签都需要闭合标签等。于是,就有了Emmet,它可以极⼤的提⾼代码编写的效率,它提供了⼀种⾮常简练的语法规则,然后⽴刻⽣成对应的 HTML 结构或者 CSS 代码,同时还有多种实⽤的功能帮助进⾏前端开发。
VsCode内置了Emmet语法,在后缀为.html/.css中输⼊缩写后按Tab键即会⾃动⽣成相应代码。
请注意在VsCode新版本中按Tab不再默认启⽤Emmet展开缩写!需要在⾸选项配置中将iggerExpansionOnTab设置为true 值!
选择
⾥⾯的功能基本都会使⽤快捷键调⽤,⽐如全选,甚⾄不怎么常⽤的,⽐如扩⼤选区、缩⼩选区,往上/往下复制/移动⼀⾏,重复添加⼀份选择的区域(CV操作就很⾹),还有⼀些光标操作,列选择模式之类的,⽤(Shift)+Alt+⿏标拖动的形式就够了。
查看
1、命令⾯板
快捷键F1,命令⾯板是根据输⼊框⾥的第⼀个字符来决定提供什么功能的。如果第⼀个符号是>(⼤
于号),那么就提供所有的命令。当你继续输⼊字符时,VS Code 就会在所有命令⾥进⾏搜索;如果第⼀个字符是@,那么就扫描当前⽂件,提供所有的符号。
那么命令⾯板⾥⼀共⽀持多少不同的功能呢?直接在根部输⼊⼀个英⽂的“?”可以查看所有⽀持的功能。
2、打开视图
和在命令⾯板中输⼊“view空格”效果⼀样,可以打开各种视图⾯板。
3、外观
这⾥有个“禅模式”很有趣,⼤概是有助于⼼⽆旁骛地写代码,全屏模式不⽤多说。
还包括各种栏位的显⽰和隐藏,如果是从VS转移过来习惯资源管理器等⾯板在右侧的朋友们,可以在这⾥更改侧边栏的位置,调整侧边栏到右侧,或者调整显⽰调试、错误等信息的⾯板的位置。
小时代整本免费这⾥还有⼀对放⼤、缩⼩功能,是针对整个IDE的,⽽⾮编辑器⾥的代码字号。
4、编辑器布局
可以变着花样拆分和布局编辑器,根据需要和喜好设置编码窗⼝。
5、显⽰缩略图
使滚动条显⽰缩略图的选项。
6、显⽰导航痕迹
python入门教程app编辑器顶部有⼀长串路径,初看花⾥胡哨的,但实际上还⽐较有⽤,⾄少快速定位和切换⽂件很⽅便,⽐在资源管理器⾥更直观。
7、显⽰空格
打勾后代码⾥的空格会⽤·来显⽰出来。
8、显⽰控制字符
有时候会输⼊⼀些⽆⽤的控制字符,可能会影响程序运⾏,这个选项还是保持默认勾选,出现控制字符的时候可以看到。
其他还有⼀些功能,侧边栏的那五项(资源管理器、插件、启动等)这⾥可以查看调出,
错误、调试、输出等共⽤的⾯板的显⽰切换,这个直接点⾯板上的“…”切换其实更⽅便,⽆需进⼊菜单
转到
1、前进、后退
不像VS那样⼯具栏有两个显眼的前进后退按钮,功能⼀样,记录你操作的步骤,打开的⽂件,去过的
地⽅,可以回退回去位置。
快捷键是Alt+左右箭头 。
2、上次编辑位置
顾名思义,到你上次编辑的地⽅,不常⽤,但偶尔有奇效。
3、切换编辑器、切换组
⽐如打开了多个⽂件,可以通过这个功能在多个⽂件编辑器之间切换,切换组也是,如果编辑器设置了⼀些布局,划分了好⼏组,也可以通过这个功能切换。
4、转到⽂件、转到⼯作区中的符号
前⾯命令⾯板已经介绍过,点击之后会激活命令⾯板,并提⽰我们命令格式。
5、转到定义、转到引⽤等
转到定义、转到类型定义、转到声明、转到实现、转到引⽤等,其中⽐较常⽤的转到定义快捷键F12,转到引⽤,可以查看某个变量在哪⾥被引⽤,快捷键Shift+F12,转到括号,可以快速跳转到⼀
个括号的另⼀半括号。
快捷键是Ctrl+Shift+\。
6、上⼀个问题,下⼀个问题
适合修饰完善代码时⽤,看看IDE都帮你检测出了哪些问题或者不好的代码,不合适的写法。
快捷键F8,Shift+F8。
运⾏
1、启动调试
F5⽼熟⼈。
2、以⾮调试模式运⾏
Ctrl+F5⽼熟⼈。相⽐于上⾯的启动调试,这⾥会直接启动程序,不会命中任何编辑器断点,异常会直接崩溃。
3、打开配置、添加配置
点击会打开launch.json,可以对启动项进⾏配置,添加配置,这应该是VSCode IDE相较于VS特有的吧。
4、切换断点
在当前光标位置添加或删除断点,快捷键F9。
5、新建断点
可以新建表达式断点、⽇志断点、命中次数断点、函数断点,可以灵活尝试运⽤。
6、启⽤/禁⽤/删除所有断点
⼀般⿏标操作,菜单不是很常⽤。
终端
这⾥⾸先要了解⼀下,什么是终端?
这要从⼈机交互的⽅式说起,在我们熟知的GUI(Graphical User Interface)出现之前,电脑⽤的是DOS操作系统,最常见的就是命令⾏操作界⾯CLI(Command Line Interface),CLI并未随着DOS系统的
消失⽽消亡,因为它独特的⼀些优点保留并沿⽤下来。
CLI就是⼈与机器的⼀座桥梁,是罩在机器硬件外⾯的⼀层“外壳”,有了CLI,就不必去深⼊了解机器的硬件结构,也不必记硬背那些枯燥的机器指令。只需通过⼀些接近于⾃然语⾔的命令⾏就可以完成操作。
把纯⽂本的命令⾏翻译成机器能认识的机器码,这个过程需要“命令⾏解释器shell”,⼀个负责解释命令的程序,不同的操作系统,有不同的命令解释器:
系统命令解释器shell
Windows cmd/powershell
macOS bash/zshjs是什么意思日语
Linux bash/zsh
⽽终端呢,可以理解为⼀种⼯具,负责提供命令的输⼊、输出环境,以及切换shell的功能。
帮助
帮助菜单⾥有丰富的演⽰和⽂档链接、快捷键⼤全、视频教程、贴⼠和技巧,遇到使⽤问题可以优先到这⾥寻答案,其中有两个⽐较有趣:
1、切换开发⼈员⼯具
点击之后直接显⽰出了⼀个类似在浏览器按F12出现的开发⼈员⼯具⼀样的界⾯,⾥⾯的DOM树居然和VSCode IDE⼀⼀对应,难道VSCode IDE是⽤Html+css+javascript实现的?
2、打开进程管理器
打开的不是系统的进程管理器,是VSCode的专属进程管理器,在更深⼊的了解和学习之后值得玩味。
设置
1、扩展
可以在这⾥管理已安装的扩展,在应⽤商店⾥搜索扩展。
2、键盘快捷⽅式
这⾥可以修改功能快捷键。
3、⽤户代码⽚段
我们在代码编辑器⾥写代码的时候,有时候输⼊⼀个缩写,即可⾃动⽣成对应的⼤量代码,这个功能允许我们⾃定义⽤户代码⽚段。
免费广告发布平台app配置属性作⽤
$0,$1默认⿏标光标位置
“prefix”:“sign”设置快捷指令为sign
“body”:[]内部为⾃定义代码⽚段内容
“description”:“set code author”设置提⽰信息
附⾃定义注释配置(动态时间)
{
"code sign": {
"prefix": "bylzc",
"body": [
"// 描述:$1",
"// 创建⽇期:${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}" ],
"description": "add code author"
}
}
4、Auto Save⾃动保存
可以选择不同的⾃动保存策略,采⽤不同的触发时机。
5、Font Size、Font family
可以控制代码编辑器的字体、字体⼤⼩,VS⾥默认的是“新宋体”,看起来很正规,Code⾥默认的是Courier New。
6、Tab Size、Coursor Style
分别控制⼀个制表符等于的空格数,编辑器编辑时光标的样式。
7、其他细节设置
⽐较有⽤的如控制编辑器是否在左括号后⾃动插⼊右括号,是否启⽤代码操作⼩灯泡提⽰,字母间距,⾏⾼,⾏号显⽰,启⽤ctrl加滚轮缩放,滚动缩略图的详细设置等等等等,太丰富了,基本上能想到的,能设置的都能设置。
distributed是什么意思到这⾥,对VSCode的陌⽣感应该已经基本消除了,接下来更⾼级的技巧和最适合⾃⼰的使⽤习惯就要在实践中探索了。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论