⑴vscode手机版作为一款免费源代码编辑软件,其中包含了众多的功能在其中。用户可以快速体验到在使用dom到canvas的优化,非常的好用。同时也可以在手机上使用Javanode等运行,减少代码的调试时间,让用户可以更加方便快捷的使用。对于经常接触代码的用户来说,也能够快速上手。同时还支持市面上全部的开发语言,代码补全扥功能都可以在其中使用!需要的用户千万不要错过。
⑵Auto Close Tag
⑶自动闭合HTML/XML标签
⑷Auto Rename Tag
⑸自动完成另一侧标签的同步修改
⑹Beautify
⑺格式化代码,值得注意的是,beautify插件支持自定义格式化代码规则
⑻open in browser
⑼vscode不像IDE一样能够直接在浏览器中打开html,而该插件支持快捷键与鼠标右键快速在浏览器中打开html文件,支持自定义打开指定的浏览器,包括:Firefox,Chrome,Opera,IE以及Safari
⑽JavaScript(ES code snippets
⑾ES语法智能提示,以及快速输入,不仅仅支持js,还支持。ts,jsx,tsx,html,vue,省去了配置其支持各种包含js代码文件的时间
⑿认识IntelliSense。
⒀借助IntelliSense超越了语法突出显示和自动完成功能,它基于变量类型,函数定义和导入的模块提供了智能完成功能。
⒁打印语句调试已成为过去。
⒂直接在编辑器中调试代码。启动或附加到正在运行的应用程序,并使用断点,调用堆栈和交互式控制台进行调试。
⒃与Git和其他SCM提供商合作从未如此简单。直接在编辑器中检查差异,暂存文件并进行提交。从任何托管的SCM服务中推入和拉出。
⒄要想在移动端调试,首先得本地起一个服务,这时候就用到了live server 插件;
⒅下载完成之后,点击VsCode左上角文件 —>打开文件夹 —> 选择目标文件夹
⒆打开对应html文件后,鼠标右键 —> open with Live Server (停止就点击stop Live Server) [快捷键(Alt+L+(Alt+O)]
⒇此时浏览器已正常打开页面;
⒈附:如果没有正常打开页面,打开设置,搜索 live server 查看这个是否被打开了(这个要关掉
⒉打开设置页面,搜索Live Server,找到Liver Server -->host,进入设置;
⒊注意:打开cmd 输入 ipconfig,查询自己本机ip,选择下面的那个IPv地址;
⒋在Google拓展程序里搜索The QR Code Extension,安装此拓展程序,可以很方便的为页面生成二维码,手机扫描二维码即可
⒌将下载的文件名后缀改为.rar,解压成一个独立的文件夹,之后打开Chrome-->设置-->扩展程序-->加载已解压的扩展程序,选择之前那个独立的文件夹即可,搜索栏后方就会出现一个二维码标志,点击出现当前页面的二维码标志,手机扫描后,就能在手机端看到。
⒍F 或 Ctrl+Shift+P:俗称万能键,可以输入任何命令。
⒎Ctrl+P:根据名称查找文件,如下图。当前模式下输入 > 可以进入 Ctrl+Shift+P 模式。
⒏Ctrl+P模式下可以通过输入符号来进行快捷方式查找转换,如下:
⒐“?” 列出当前可执行的动
⒑“!” 显示 Errors 或 Warnings ,也可以使用 Ctrl+Shift+M 进入,相当于控制面板的PROBLEMS
⒒“:” 跳转到行数,也可以使用 Ctrl+G 直接进入
⒓“#” 根据名字查找symbol,也可以 Ctrl+T
⒔“” 跳转到symbol(搜索当前页面的标签变量属性类名函数等,也可以 Ctrl+Shift+O 直接进入
⒕“:” 跳转到symbol(分类搜索当前页面的标签变量属性类名函数等,也可以 Ctrl+Shift+O 后输入 : 进入
⒖编辑器与窗口管理
⒗Ctrl+N: 新建文件
⒘Ctrl+Shift+N:打开一个新的VSCode编辑器
⒙Ctrl+O:打开文件
⒚Ctrl+Shift+O:打开文件夹
⒛Ctrl+W:关闭当前文件
①Ctrl+Shift+W 或 Alt+F:关闭当前VSCode编辑器
②Ctrl+\:新建窗口显示代码(相当于复制当前代码到一个新的窗口;同一引用,修改一个文件,其他相同文件会一起改变
③Ctrl+Alt+→:移动当前文件到右窗口,若没有右窗口,则创建一个新窗口
④Ctrl+Alt+←:移动当前文件到左窗口
⑤Ctrl+Tab:切换文件窗口
⑥Ctrl+B:显示/隐藏侧边栏
⑦Ctrl+`:显示/隐藏控制面板(Terminal(反引号位置:英文输入法状态下,键盘ESC按键下面的按键
⑧Ctrl +/- :放大/缩小编辑器窗口
⑨Ctrl+Shift+E:文件资源管理器(Explorer
⑩Ctrl+Shift+G:git管理窗口(Source Control
ⅠCtrl+Shift+X:扩展(插件管理窗口(Extentions
Ⅱ代码查找替换与格式调整
ⅢCtrl+F:查找
ⅣCtrl+H:查找替换
ⅤCtrl+Shift+F:全局查找
ⅥCtrl+Shift+H:全局查找替换
ⅦCtrl+D:选中下一个匹配项
ⅧCtrl+Shift+L:选中所有匹配项(秀儿
ⅨCtrl+[ :向左缩进
ⅩCtrl+] :向右缩进
㈠Alt+Up:向上移动当前行
㈡Alt+Down:向下移动当前行
㈢Shift+Alt+Up:向上复制当前行
㈣Shift+Alt+Down:向下复制当前行
㈤Ctrl+Enter:在当前行下方插入空行(光标位置可以不在行尾
㈥Ctrl+Shift+Enter:在当前行上方插入空行(光标位置可以不在行尾
㈦Alt+Z:切换内容是否自动换行(底部显示/隐藏滚动条
㈧Home:光标移动到行首
㈨End:光标移动到行尾
㈩Ctrl+Home:光标移动到文件开头(左上
Ctrl+End:光标移动到文件结尾(右下
Shift+Home:选择从光标到行首的内容
Shift+End:选择从光标到行尾的内容
Shift+Alt+Right:扩大选中范围
Shift+Alt+Left:缩小选中范围
Alt+Shift+鼠标左键:同时选中编辑多行多列代码(秀儿
Ctrl+Alt+Up:向上复制光标
Ctrl+Alt+Down:向下复制光标
Ctrl+U:回退到上一个光标处
Alt+F:查看定义处缩略图
三查看全部快捷键
Ctrl+K Ctrl+S:查看VSCode中全部快捷键
Ctrl+K Ctrl+R:查看keyboard-shortcuts-windows.pdf
远程仓库:加载git代码,就像本地打开工程一样。
笔记本:笔记本是包含丰富Markdown,可执行代码片段,和富文本的文档。
Github代码管理:直接从VSCode中协作,评论,审查和Github拉取请求。
扩展:通过扩展可以实现快速的安装与使用官方或三方插件。
丰富的代码导航体验:它使开发人员能够在他们编写源代码的同一地点查看源代码。
文件图标主题:开发者可以使用扩展下载并应用文件或文件夹的主题包。