熟悉CODING企业版Cloud Studio的使用

由于CODING推出了企业版，我预感之前使用的WEB IDE将会逐渐停止维护，因此提前熟悉一下新版Cloud Studio的使用。

注册企业版

要想使用新版Cloud Studio必须先注册CODING 企业版，目前5人以下团体是免费的。 实际上如果单纯为了使用Cloud Studio，并不需要去研究CODING的项目体系，因为我的博客托管在Github，只是利用它来管理代码而已。

不过需要注意的是，新版Cloud Studio只能每天使用两个小时。

导入项目

目前新版Cloud Studio不支持直接从Github导入仓库，因此只能通过git pull命令来实现。 记得将SSH公钥添加到Github仓库的Setting—Deploy keys里面。

安装Hexo

选择默认的Node.js环境，根据官网命令安装即可，如果安装失败记得使用sudo命令。

使用

由于新版Cloud Studio汉化不完全，而且配置选项跟之前有些差别，也耗费了我一些时间来摸索。

本地预览

旧版是先输入hexo s命令，接着选择“访问链接—修改端口号为4000”，点击链接即可进行预览。

但是新版去掉了图形化的界面，反而没有之前方便了。

在菜单栏点击“查看—命令面板”，输入”preview“点击”generate preview config file“创建一个预览配置文件”.vscode/preview.yml“

主要是修改port、run、root这三项

preview.yml

# .vscode/preview.yml
autoOpen: true # 打开工作空间时是否自动开启所有应用的预览
apps:
  - port: 4000 # 应用的端口
    run: hexo s # 应用的启动命令
    root: ./public # 应用的启动目录
    name: hexo s # 应用名称
    description: 在线预览 # 应用描述
    autoOpen: false # 打开工作空间时是否自动开启预览（优先级高于根级 autoOpen）

以后每次想要预览时，只需要点击“查看—命令面板”，输入”preview“点击”open preview tab“，选择”hexo s“即可。

点击”open in browser“可以在浏览器中打开新标签页。

不过，我发现修改某些文件后，预览页面并不会实时变动，而是要重新hexo g生成，还有待考察。

Git提交

旧版是在“版本”中依次选择“提交—推送”即可，分别对应git commit和git push。

新版则是先在“源代码管理”提交commit

接着点击左下角的“同步按钮”，就会自动推送到git仓库了。

当然，你也可以直接输入git命令进行提交和推送。

总结

使用新版Cloud Studio来管理hexo在功能上没有问题，只不过一些细节和交互还需要优化改进。 另外每天限制两小时的使用比较坑，所以我目前还在使用旧版，等最后关头再转移过去吧。