• 1分钟完成在线测试部署便捷收集班级同学文件的web管理系统


    最近CSDN推出了一个新功能【云IDE】,个人对这个新功能(比赛奖金 )挺感兴趣的🤭,于是瞬速地拿之前自己搞的一个便捷收集班级同学文件的web管理系统(下面简称该项目为cfile)体验了一下,发现功能还是挺好用的,让自己或其他对自己项目的人可以快捷地了解自己的项目部署和跑起来的demo是怎么样!

    以下是具体使用的操作步骤:

    一、创建项目

    直接fork别人的项目,不用自己创建,想使用别人的项目搭建个demo环境可以使用这种方式

    例如,想使用cfile项目搭建个测试环境,可以直接打开cfile项目地址:https://gitcode.net/weixin_37610397/1024 ,然后点击下面截图的上红框fork,去fork这个项目 (如果觉得这个项目可以,也麻烦帮忙点击一下fork旁边的start 给个关注!)
    cfile fork步骤

    如果自己有github或gitlab相关的项目,可以进入CSDN的git地址:https://gitcode.net/,然后进行创建项目,创建项目的时候,我们一般选择自己导入项目就可以了,可以导入自己github上的项目
    在这里插入图片描述
    在这里插入图片描述

    二、进入云IDE

    在创建完项目后,可以直接在自己的项目链接地址上前面加上 ide ,然后回车,例如: https://gitcode.net/weixin_37610397/1024 变成 https://idegitcode.net/weixin_37610397/1024 ,进入添加ide后的链接中

    进入ide,链接上添加文字

    就会自动给该项目创建一个带有VS Code编辑器的容器,该容器自动带有mysql8.0,node ,npm ,java11 ,maven 等相关软件了

    项目内的ide

    三、构建部署项目

    如果项目是fork的,例如fork了cfile项目https://gitcode.net/weixin_37610397/1024 ,项目中带有自动构建文件preview.yml,则自动等待项目自己构建部署完成,等待部署完成后,就会自动打开已经部署好的demo环境,例如下图即为部署好的界面,点击截图中红框部分就可以在浏览器中看到对应项目部署后的demo环境
    部署完成后的界面
    cfile部署完成后界面

    如果项目是自己的项目或者项目中没 preview.yml 自动部署文件,则需要自己在项目中添加preview.yml 自动部署文件了,具体示例preview.yml如下,根据自己项目特点替换下面对应内容即可

    # preview.yml
    autoOpen: true # 打开工作空间时是否自动开启所有应用的预览
    apps:
      - port: 3000 # 应用的端口
        run: npm i && npm run dev # 应用的启动命令
        command: # 使用此命令启动服务,且不执行run
        root: ./ # 应用的启动目录
        name: 1024云IDE挑战赛项目 # 应用名称
        description: 1024云IDE挑战赛项目。 # 应用描述
        autoOpen: true # 打开工作空间时是否自动开启预览(优先级高于根级 autoOpen
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10

    总结

    以上就是CSDN新功能云IDE的介绍了,用来做项目的demo搭建还是挺方便的,不过目前容器能选择的容器镜像只有一个固定了mysql版本和java版本等,如果想使用其他版本或其他软件,只能自己在项目启动时进行安装部署,有点麻烦。另外目前虽然是免费的,但是不确保后面该功能是否会收费,希望后面尽量不要收费为好,这个功能还是挺别人熟悉一个项目的

    回到标题,按照文章中的三个步骤,如果选择 cfile项目https://gitcode.net/weixin_37610397/1024 进入fork,fork后然后进入云IDE,就可以1分钟内完成部署便捷收集班级同学文件的web管理系统了。

    这个系统是我自己之前大学临近毕业时花了10天左右时间写的,后面现在又花了1天左右完善一下相关bug,当时因为自己是班里班委和某些科的课代表,经常要收集班里同学的作业、实验报告和照片等,所以便做了这个项目想着可以方便自己或他人去收集这些文件,不用每个人到手动发送邮件或微信,而且要去统计等。不过最后由于自己已经临近毕业了,最后这个项目也没有怎么用起来。具体的项目介绍可以进入项目中查看 https://gitcode.net/weixin_37610397/1024

    下面为CSDN 的云IDE 产品相关介绍内容,有兴趣可以看看。
    云IDE产品介绍
    云IDE使用教程
    免费使用地址:点击【云IDE】,即可开始创建工作空间啦~
    CSDN最新产品【云IDE】来啦!【云IDE】将为各位技术er一键秒级构建云开发环境,提升开发效率!为持续提升产品体验,现CSDN特开展产品评测有奖话题征文活动,诚邀各位技术er免费试用【云IDE】,撰写使用体验,参与即可获得【话题达人】勋章+CSDN电子书月卡(站内千本电子书免费看),更有机会获得CSDN官方会员卡+周边大奖!

  • 相关阅读:
    web站点的欢迎页面
    Spring的Factories机制介绍
    c语言中extern定义和引用其他文件的变量,(sublime text)单独一个文件编译不会成功
    二、python+前端 实现MinIO分片上传
    2023-9-25 耍杂技的牛
    线程重用导致ThreadLocal的数据混乱问题
    Spring Boot 打印日志文件
    【轻量化网络】MobileNet系列
    Puppeteer 启动 chromium问题
    SpringCloud-1.服务注册与发现(Eureka/Zookeeper/Consul)
  • 原文地址:https://blog.csdn.net/weixin_37610397/article/details/127722918