2024年大数据最新【产品新体验】CSDN，深入分析

最新推荐文章于 2024-08-03 21:06:26 发布

2401_84572976

最新推荐文章于 2024-08-03 21:06:26 发布

阅读量1k

点赞数 10

分类专栏：程序员文章标签：大数据

本文链接：https://blog.csdn.net/2401_84572976/article/details/138463580

版权

程序员专栏收录该内容

60 篇文章 1 订阅

订阅专栏

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上大数据知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

需要这份系统化资料的朋友，可以戳这里获取

点击 CSDN-开发云链接即可进入CSDN的开发云网站，初始额度有10000核/时：

1.2、秘钥管理

点击开发云主界面中的秘钥管理，即可进入到秘钥页面，添加好秘钥之后我们即可使用云IDE来进行推拉代码：

添加步骤

步骤一：点击生成SSH秘钥

步骤二：进入到Gitee账号，添加ssh秘钥

添加成功后如下，就可以看到SSH公钥，并且你的邮箱也会收到添加公钥链接：

添加完成之后，我们之后开发可直接在云端进行，提交代码与拉取代码都可以在云端操作！

二、实战-使用云IDE

2.1、初步实战springboot-demo（clone默认模板代码）

2.1.1、新建工作空间

填写你的空间名称、代码来源（①拉取项目：填写仓库地址。②空：创建一个空项目。③默认模板代码：springboot.demo），接着点击确定创建即可：

这里我们来选择一个默认模板代码来创建：

2.1.2、启动springboot-demo项目

点击启动按钮，就会跳转到云IDE界面，并且自动执行命令并启动springboot-demo项目：

第一个栏目就是内置的一个浏览器。

其启动的命令是：

cd /ide/workspace/springboot-demo && set port=8080 && export PORT=8080 && mvn spring-boot:run

我们也可以自由的在云IDE里进行代码编辑以及安装一些vscode插件，就跟本地使用IDE一样，下面的插件就是目前云IDE自带安装的：

2.1.3、编写一个helloworld接口

@GetMapping("/hello")
@ResponseBody
public String hello() {
    return "hello world!";
}

接着我们底部窗口输入ctrl+c来进行停止项目：

重新启动有两种方式如下：

# 指定端口启动
# mvn compile 
cd /ide/workspace/springboot-demo && set port=8080 && export PORT=8080 && mvn spring-boot:run

在相应的网址后面加上/hello即可访问我们刚刚编写的接口了：

ps：该网址外网也可以直接访问，这样我们平时自己开发的时候想要给其他人展示就无需使用一些内网穿透之类的，效果还是很不错滴。

2.2、运行前端工程项目

2.2.1、初步尝试—实现helloworld

步骤一：新建工程空间

空间名称：随意设置，我们这里设置为test-html。
预制环境：All In One（这里需要node、npm，所以勾选），
代码来源：空

点击确定创建即可创建一个空的工程文件。

步骤二：启动我们刚刚创建的工作空间

此时我们进入到工作空间，由于我们之前勾选的代码来源是空的，所以这里是空文件夹，我们右击左边的管理器来打开终端窗口：

步骤三：初始化并启动server服务

①初始化package.json文件：

# 不停回车即可，若是需要自定义的话输入相应的内容回车
npm init

编辑package.json文件添加live-server的依赖：

{
  "name": "workspace",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "dev": "live-server",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "dependencies": {
    "live-server": "^1.2.2"
  },
  "author": "",
  "license": "ISC"
}

②安装live-server依赖

在命令行窗口中进行安装

# 设置一下npm的淘宝镜像下载源
npm config set registry https://registry.npm.taobao.org

# 安装我们package.json中添加的依赖
npm install

安装成功的效果如下：

③添加index.html页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    hello world!
</body>
</html>

④执行npm命令启动服务

npm run dev

至此我们的前端工程就已经启动起来，并且可供外网进行访问，快去复制下你们自己的链接去浏览器上访问一下把：

我们实际上就可以把前端网页页面直接放在当前目录即可！

确实是可以在自己的浏览器访问啦：

注：这个网络地址接口是有用户鉴权的，链接别人是访问不了的！

2.2.2、实现云IDE打开工作空间时自动启动服务（配置preview.yml）

我们接着2.2.1中来进行，我们在当前目录下新建preview.yml：

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

主要是要修改其中的port端口，要与我们之前的服务端口对上！

OK，现在我们来测试一下，在刚刚的控制台界面ctrl+c关闭服务，再访问下确实不行：