发布于 2026-01-06 1 阅读
0

移动版 VS Code

移动版 VS Code

几个月前,我在Play商店里闲逛时偶然发现了spck编辑器这款应用。我看了看评分和预览图,就非常兴奋地想试一试。

我尝试过很多其他的手机文本编辑器,希望能用它们在手机上进行一些前端开发,但始终没找到合适的。直到我发现了 Spck Editor(发音为“speck”)。

它适用于网页安卓系统。

它的一些主要强大功能

1. GitHub 集成

2. 常用前端框架的样板代码

3. 能够在项目中添加 CSS 框架

4. 类似 Chrome 的控制台

5. 自动完成、建议、键盘快捷键和查找替换功能

6. 当然还有语法高亮显示


GitHub 集成

使用 Spck,您可以克隆 GitHub 仓库,并将其作为新项目添加到您的项目窗格中。
替代文字

替代文字

对项目进行更改后,您可以执行“全部提交”(提交所有更改),然后执行“推送”(将更改推送到远程仓库)。
替代文字

您还可以使用“全部拉取”“全部还原”选项提交拉取请求和还原更改

您可以创建和切换分支将远程仓库添加到现有项目获取记录历史记录。
替代文字

GitHub 集成简直令人难以置信(对于一款移动应用而言)。


常用前端框架的样板代码

替代文字

按照以下步骤,您可以非常轻松地创建VueReactAngular项目。

  1. 单击Plus Icon项目窗格中的图标
  2. 选择New Project
  3. 选择你想要的前端框架。
  4. 最后,是 CSS 框架。

注意,对于 VueJs,项目不是在单文件组件模型中初始化的,而是导入 Vue 并定位到特定的 div。


能够向项目中添加 CSS 框架

替代文字

目前,创建项目时,您可以选择以下 CSS 框架之一,以便自动导入/链接到您的项目中。

  1. Bootstrap
  2. 布尔玛
  3. Material Design Lite
  4. 语义用户界面
  5. UIkit

类似 Chrome 的控制台

控制台是 Chrome 控制台的精简版。您可以在预览模式下启用或禁用它。它包含JS 控制台选项卡元素选项卡资源选项卡设置选项卡。

JavaScript 控制台选项卡与 Chrome 控制台非常相似。


自动完成、建议、键盘快捷键和查找替换功能

我还能说什么呢?很像 VSCode。

还有很多功能我没有提到,真的很多。而且我确实认为,Spck 编辑器应用是目前移动端最接近我们挚爱的 VS Code 的产品。

我还会发布一篇关于移动端后端开发的文章。我指的是真正意义上的后端开发,使用 Express 和 MongoDB 服务在手机上运行。敬请期待(或者关注我 :) )

文章来源:https://dev.to/patrickweb/the-vscode-of-mobile-pm4