【Play with Cloud Studio】- Cloud Programming Journey

img
Click on the official website for details

Introduction to Cloud Studio

Cloud Studio is a browser-based integrated development environment (IDE) that provides developers with a stable cloud workstation. No installation is required when using Cloud Studio, and the project can be quickly started by opening a browser. The underlying resources are automatically and elastically scaled, which greatly saves costs, and low-code development saves time and effort:

● The web-based code editor includes basic IDE functions such as code highlighting, auto-completion, Git integration, and terminal, and supports real-time debugging, plug-in extensions, etc., to improve the efficiency of development, compilation, and deployment;

● Supports remote access to cloud servers, providing Tencent Cloud SCF industry users with a complete closed-loop cloud-native development experience of development-test-deployment;

● Self-developed a variety of plug-ins to meet development needs, such as collaboration plug-ins, custom template plug-ins, preview plug-ins, deployment plug-ins, etc., to help unleash the potential of programming.

img

Pain points in working with a local IDE

1. The following are some problems encountered in the work, and some aspects are relatively inefficient:

img

2. The development tools used in daily work, because a set of tools of JetBrains still consume memory, upgrade from the original 16G to 72G, no pressure:

img

Cloud Studio in action

1. Machine test environment:

img

2. Framework template trial:

img

The following is the actual operation, basically you can quickly initialize an environment, and then start CODING:

Create, start, and connect workspaces can be basically completed within 7s, and pull dependencies and be ready in less than 2 minutes

img

img

Take initializing a Go project as an example:

img

create workspace

1. Check the SSH public key:

img

2. Set the SSH public key in Gitee:

img

3. Fill in the relevant information of the workspace, select the corresponding branch (test), and select the environment to be built (vue.js):

Pull the test branch code within 8s (the time is also related to the size of the warehouse code), and my personal experience is relatively fast.

img

4. When executing yarn install, a problem was found. When installing the node-sass package, a python environment is required, but the default vue.js development environment does not have it.

img

5. Change the development environment to "Ubuntu" and install the node environment.

Trying to set the development environment to "node" doesn't work either.

# 使用wget 命令进行下载
wget https://npm.taobao.org/mirrors/node/v10.16.0/node-v10.16.0-linux-x64.tar.xz
# 使用tar对下载好的压缩包进行解压
tar xvf node-v10.16.0-linux-x64.tar.xz
mv node-v10.16.0-linux-x64 nodejs
# 全局使用node与npm
ln -s /usr/local/src/nodejs/bin/node /usr/local/bin/node
ln -s /usr/local/src/nodejs/bin/npm /usr/local/bin/npm

Combining CODING DevOps with Cloud Studio

1. Authorization for CODING DevOps and Cloud Studio:

img

2. Cloud Studio opens a new workspace:

img

3. The installation depends on the environment error:

img

4. Ignore version:

img

5. Installation dependencies:

img

6. Finally, you can start:

img

img

It is also more convenient to open the interface in the cloud IDE. For example, I have an iMac with a large screen, and there are just a few windows for debugging code.

Summarize

1. Problems:

img

2. Experience optimization suggestions:

img

3. Efficiency in work:

img

img

Guess you like

Origin blog.csdn.net/CODING_devops/article/details/131600381