vscode简单使用介绍及个人常用扩展插件

vscode全称Visual Studio Code 是微软开发一款IDE,官方地址 vscode  作为一款前端编辑器功能很强大,灵活,可以根据个人喜好选择扩展插件,而且还支持多种开发语言,

关于vscode的几点小提示:

1)默认情况下vscode会读取操作系统的显示语言进行匹配,如果语言环境获取不到,就会显示默认英语;

2)vscode提供了各式主题颜色,可供用户偏好选择

 ——状态栏 :文件=> 首选项 => 颜色主题(或者 点击 左下角 设置符号弹出来选项框)

3)vscode提供了各类文件图标icon主题,可供用户偏好选择

 ——状态栏 :文件=> 首选项 => 文件图标主题(或者 点击 左下角 设置符号弹出来选项框)

4)快捷键 keybindings

——推荐几个常用的快捷键

——1)“Ctrl+B” => 隐藏 /显示左侧导航

——2)“Ctrl+K” +"Z" => 切换至全屏模式(禅宗模式)有利于集中注意力开发

扫描二维码关注公众号,回复: 1769299 查看本文章

——3)“Ctrl + +”  => 放大编辑器页面字体

——4)“Ctrl + -”  =>缩小编辑器页面字体

——5)“Ctrl + /”  => 代码注释

——6)“Ctrl + S"  => 文件保存

——7)“Ctrl + Shift + Y "  => 显示/隐藏底部控制台

前端开发常用的扩展插件:

1)Code Runner  必备的插件,可以直接帮助运行我们的代码,(在编辑区=>右键鼠标=>Run Code =>编辑区底部查看运行结果)

2)JavaScript (ES6) code snippets  支持ES6的代码片段;

3)npm 

4)npm intellisense 可以智能提示npm相关的命令

5)Open HTML in Default Browser 据说是中国人开发的,可以让我们编辑的html直接在浏览器中打开

还有一些其他的vue,angular,react等前端框架都有想用的扩展插件,可以按需下载安装;

注:如果扩展插件下载安装好无效,单击‘’重新加载‘’,如果还是不行,就卸载插件然后重新安装

猜你喜欢

转载自www.cnblogs.com/web-wjg/p/9230224.html