各位小伙伴是否还在苦恼想要修改程序前端的代码文件时,身边却没有电脑?今天小编就要给大家推荐一款由网友制作分享的第三方手机编译器软件——vscode官方最新版,用户运用该软件不仅可以帮助大家进行各种可视化操作,不仅能够简单将代码格式化,还可以通过扩展插入第三方插件,轻松的进行代码管理,用户运用该软件不仅可以写博客,写网页,编译代码,还有丰富的功能可以操作,目前软件已经适用于市场上绝大多数不同型号的手机使用,让大家的代码编辑会更加轻松便捷。
vscode手机版使用 Linux Arm64 启动一个 code-server,然后使用 WebView 进行加载,WebView 加载的内容完全来自本地,并非套壳在线的网站,拥有绝大部分的功能,而且从dom渲染,到canvas的优化,用户们都可以得到的更好的体验,有需要的小伙伴还在等什么,快快来果子下载体验吧!
1、要想在移动端调试,首先得本地起一个服务,这时候就用到了live server 插件;
2、下载完成之后,点击VsCode左上角 文件 —>打开文件夹 —> 选择目标文件夹
3、打开对应html文件后,鼠标右键 —> open with Live Server (停止就点击stop Live Server) [快捷键(Alt+L)+(Alt+O)]
4、此时浏览器已正常打开页面;
附:如果没有正常打开页面,打开设置,搜索 live server 查看这个是否被打开了(这个要关掉)
5、打开设置页面,搜索Live Server,找到Liver Server -->host,进入设置;
注意:打开cmd 输入 ipconfig,查询自己本机ip,选择下面的那个IPv4地址;
6、在Google拓展程序里搜索The QR Code Extension,安装此拓展程序,可以很方便的为页面生成二维码,手机扫描二维码即可
7、将下载的文件名后缀改为。rar,解压成一个独立的文件夹,之后打开Chrome-->设置-->扩展程序-->加载已解压的扩展程序,选择之前那个独立的文件夹即可,搜索栏后方就会出现一个二维码标志,点击出现当前页面的二维码标志,手机扫描后,就能在手机端看到。
1、Auto Close Tag
自动闭合HTML/XML标签
2、Auto Rename Tag
自动完成另一侧标签的同步修改
3、Beautify
格式化代码,值得注意的是,beautify插件支持自定义格式化代码规则
4、open in browser
vscode不像IDE一样能够直接在浏览器中打开html,而该插件支持快捷键与鼠标右键快速在浏览器中打开html文件,支持自定义打开指定的浏览器,包括:Firefox,Chrome,Opera,IE以及Safari
5、JavaScript(ES6) code snippets
ES6语法智能提示,以及快速输入,不仅仅支持.js,还支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各种包含js代码文件的时间
一、主命令
1、F1 或 Ctrl+Shift+P:俗称万能键,可以输入任何命令。
2、Ctrl+P:根据名称查找文件,如下图。当前模式下输入 > 可以进入 Ctrl+Shift+P 模式。
3、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+F4:关闭当前VSCode编辑器
Ctrl+\:新建窗口显示代码(相当于复制当前代码到一个新的窗口;同一引用,修改一个文件,其他相同文件会一起改变)
Ctrl+Alt+→:移动当前文件到右窗口,若没有右窗口,则创建一个新窗口
Ctrl+Alt+←:移动当前文件到左窗口
Ctrl+Tab:切换文件窗口
Ctrl+B:显示/隐藏侧边栏
Ctrl+`:显示/隐藏控制面板(Terminal)(反引号位置:英文输入法状态下,键盘ESC按键下面的按键)
Ctrl +/- :放大/缩小编辑器窗口
F11:全屏显示
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:回退到上一个光标处
F12:转到定义处
Alt+F12:查看定义处缩略图
三、查看全部快捷键
Ctrl+K Ctrl+S:查看VSCode中全部快捷键
Ctrl+K Ctrl+R:查看keyboard-shortcuts-windows.pdf
1、远程仓库:加载git代码,就像本地打开工程一样。
2、笔记本:笔记本是包含丰富Markdown,可执行代码片段,和富文本的文档。
3、Github代码管理:直接从VSCode中协作,评论,审查和Github拉取请求。
4、扩展:通过扩展可以实现快速的安装与使用官方或三方插件。
5、丰富的代码导航体验:它使开发人员能够在他们编写源代码的同一地点查看源代码。
6、文件图标主题:开发者可以使用扩展下载并应用文件或文件夹的主题包。
v1.2.2版本
- 采取大家的建议,将新版的 code-server 内置到 apk 中,不再需要下载,开箱即用
- 加了一些启动日志,在卡住不动的时候,方便排查问题
- 修复了其他的一些小问题
小白学习打印
09-24访问网络 允许程序访问网络. ------------------------------------- 修改/删除SD卡中的内容 允许应用程序写入SD卡。 ------------------------------------- 蓝牙管理 允许应用程序配置本地蓝牙手机,以及发现远程设备并与其配对。 -------------------------------------