【CSDN云IDE使用体验】

一、产品简介

  官方产品介绍：云IDE产品介绍
  云IDE是CSDN开发云为开发者打造的一款低代码开发产品，云端预制了常见的开发环境，无需下载安装，一键创建项目，灵活配置代码仓和云主机。同时支持在线安装 VSCode 插件来增强使用体验，支持从基础组件快速构建高阶组件，无需重新编写组件，提高研发效率。随时随地开发编码，拥有媲美本地IDE 的流畅编码。

二、产品优势

  1、无需下载安装，随时随地开发编码，拥有媲美本地 IDE 的流畅编码体验
  2、支持在线安装 VSCode 插件来增强使用体验
  3、可使用拖拽式组件和模型编写开发，可视化创建各种应用与Web站点
  4、支持从基础组件快速构建高阶组件，无需重新编写组件，提高研发效率
  5、支持自动弹性扩缩容
  6、在github、gitee、gitcode地址前加上ide即可快速打开云IDE查看和编辑代码
  7、通过对项目配置preview.yml，即可在打开云IDE进行自动构建运行项目

三、产品使用教程

  官方参考教程链接：云IDE使用教程
  免费使用地址：点击【云IDE】，即可开始创建工作空间啦~
  我们以往在github、gitee、gitcode查看一个开源项目的时候，有时候你想进行修改和调试，在没有云IDE的情况下，你需要clone代码到你的本地，然后打开IDE配置开发环境，最后才能运行。
现在有了云IDE你可以直接Fork一份项目，然后在链接前面加上ide回车，即可快速唤起云IDE，云IDE帮你自动下载项目源码，并且云IDE涵盖了大部分开发环境的配置，基本都可以直接运行，相比以往的方式十分的便捷。

  修改完代码后点击左侧的源代码管理图标即可很便捷的提交代码

  通过在项目中编写preview.yml文件可以让项目在使用云IDE打开后自动下载相关依赖自动运行项目并打开预览页面

  修改完preview.yml文件没有生效的话可以点击右上角绿色的刷新按钮进行生效

四、遇到的问题

  1、在云IDE中打开项目不能自动运行预览项目
  解决方案：在项目跟目录创建preview.yml,进行如下配置，注意autoOpen: true表示打开工作空间时是否自动开启所有应用的预览，apps下的 autoOpen: true表示打开工作空间时是否自动开启预览（优先级高于根级 autoOpen）

# preview.yml
autoOpen: true # 打开工作空间时是否自动开启所有应用的预览
apps:
  - port: 5500 # 应用的端口
    run: npm i --registry=https://registry.npm.taobao.org && npm run dev # 应用的启动命
    command: # 使用此命令启动服务，且不执行run
    root: ./ # 应用的启动目录
    name: MyFirstApp # 应用名称
    description: 我的第一个 App。 # 应用描述
    autoOpen: true # 打开工作空间时是否自动开启预览（优先级高于根级 autoOpen）

  2.云IDE启动VUE项目十分缓慢
  解决方案：通过对npm设置国内淘宝镜像即可加快项目构建启动速度（run: npm i --registry=https://registry.npm.taobao.org && npm run dev）
  3.云IDE启动VUE项目后访问不了
  （1）在webpack.dev.conf.js文件中的devServer配置中加入disableHostCheck: true的配置

  （2）修改package.json中"scripts"下的dev配置为"webpack-dev-server --disableHostCheck=true --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0"

五、总结

  我认为云IDE是一个非常不错的开发工具，能够一建快速的构建云开发环境，并且能够极大的提升开发效率，是未来IDE的一个发展方向，并且云IDE能够让开源项目进行自动运行和预览既利于开源项目的演示也方便了开发者的使用。
  我的整体使用体验还是非常不错的，推荐大家都可以去尝试一下。