怎样利用vscode dev和goorm IDE来写程序
Easul Lv6

前言

vscode.devgoorm都是网页端的工具,因为自己的服务器比较差,装上code-server之后运行是比较缓慢的,而自己又不是很想用本地环境来编程(感觉还是比较慢),所以就直接用这两个工具搭配,拉取github代码之后直接编写并提交。
依旧是浏览器端的代码编写!

注意

  1. 如果以下步骤中有某些网站打不开,可以使用代理进行加速。
  2. 以下登录均使用github账户快捷登录

步骤

打开vscode.dev

  1. 打开vscode.dev,加载完成后点击Open Remote RepositoryOpen Repository From Github,关联到自己的github仓库
  2. 关联好之后弹出来自己的一些仓库,可以选择一个仓库打开
  3. 打开之后就可以在网页中进行仓库文件的编辑了

打开goorm

  1. 打开goorm,点击Sign in,点击github图标快捷登录,登录之后自动跳到dashboard面板

  2. 点击右上角New Container

    • Name随便填写一个
    • Description填写对这个容器的一些描述,可以不写
    • 其他的可以默认,然后下边点击Create创建,等待容器进行自动创建
    • 创建好之后点击run运行,就可以进入到goorm IDE中了(因为goorm只充当后端,所以只需要有一个SSH信息即可关掉他)
    • 进去之后在控制台输入passwd修改密码,就可以用外部SSH连接了
  3. 点击刚刚创建的容器右上角三个点,Go to settings

    • URL/Port可以定义自己调试程序时用到的端口对应的链接
    • Port forwarding获取到SSH信息用于后边的控制台连接
  4. 在本地的SSH连接到goorm,然后在~/.ssh目录下创建自己Github上已经填写的公私钥,用于github仓库的拉取与推送。

    BASH
    1
    2
    3
    4
    5
    6
    # private仓库的拉取是需要有SSH信息的
    # 仓库推送也是需要SSH信息的
    echo "私钥" > ~/.ssh/id_rsa
    echo "公钥" > ~/.ssh/id_rsa.pub
    chmod 600 ~/.ssh/id_rsa.pub
    chmod 600 ~/.ssh/id_rsa
  5. 设置中文语言

    BASH
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    # 先查看是否安装了中文语言包
    locale -a
    # 如果没有,首先需要安装中文语言包
    apt-get install -y language-pack-zh-hans
    # 然后添加中文支持
    locale-gen zh_CN.UTF-8
    # 修改语言配置
    vim ~/.bashrc

    # 最后一行添加如下信息
    export LANG=zh_CN.utf8
    export LANGUAGE=
    export LC_CTYPE="zh_CN.utf8"
    export LC_NUMERIC="zh_CN.utf8"
    export LC_TIME="zh_CN.utf8"
    export LC_COLLATE="zh_CN.utf8"
    export LC_MONETARY="zh_CN.utf8"
    export LC_MESSAGES="zh_CN.utf8"
    export LC_PAPER="zh_CN.utf8"
    export LC_NAME="zh_CN.utf8"
    export LC_ADDRESS="zh_CN.utf8"
    export LC_TELEPHONE="zh_CN.utf8"
    export LC_MEASUREMENT="zh_CN.utf8"
    export LC_IDENTIFICATION="zh_CN.utf8"
    export LC_ALL=

    # 保存退出后执行如下命令
    source ~/.bashrc
    # 退出终端再进入即可使用中文

代码操作

这里的步骤是在vscode.dev创建仓库的一个新的分支用于自己刚刚编写代码的存储,然后在goorm拉取刚刚写的分支进行测试
当没有问题了,在goorm将分支合并到主分支

  1. 点击vscode.dev右下角Github右边的分支,创建一个新分支,如test
  2. test分支下编写代码,写到差不多,键盘点击CTRL SHIFT G,在Message输入框填写commit信息,然后点击输入框上边的的勾进行提交
  3. goorm的命令行里拉取代码
    BASH
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    # 进入到工作目录
    cd /workspace/工作目录/
    # 第一次先克隆代码
    git clone git@github.com/用户名/仓库名.git
    # 拉取新分支的代码
    git pull
    # 切换到新分支
    git checkout test
    # 进行代码调试,如
    python3 -m http.server 80
    # 这个时候就可以用URL/Port里的链接进行代码调试了
    # 调试没有问题,就可以将测试分支的代码合并到主分支
    git checkout main
    git merge test
    # 设置仓库的用户信息
    git config user.easul "xxx@xxx.com"
    git config user.name "xxx"
    # 然后推送主分支
    git add .
    git commit -m "新的commit"
    git push origin main
    # 本地无用的测试分支和远端的测试分支可以删掉
    # 本地
    git branch -d test
    # 远端
    git push origin --delete test
    这里可以参考下git常用操作
 评论