foreword

If a worker wants to do a good job, he must first sharpen his tools. As programmers, when we write code, we will definitely choose a handy tool. Just like a knight walking in the rivers and lakes, he must have a good weapon in his hand. Generally, in common scenarios, we usually install IDEs, such as Eclipse or Idea for Java, VSCode for Html, JavaScript, Vue, React, etc. Of course, VsCode is not just for the front end, it is a master , can also be used for Java development, Python development, C and C++, etc., are all possible.

No matter which IDE you choose, you must first download the corresponding installation package from its official website, then install it locally, and install the corresponding basic environment dependencies. Such as the basic JDK, Node and so on. If you change a computer, you need to restart these environments. The advantage of offline IDE is that it is highly customized and can be used completely according to the needs of individual developers. The troublesome thing is that when you change the computer, you need to reinstall the environment again, which is a bit time-consuming.

1. Getting to know cloud IDE for the first time

Cloud IDE is an innovative form, an existence that is separated from the local dependent environment. It is a new development model that focuses on server-side and thin-client, and it will cloudify all the dependencies needed to develop IDE. Developers only need to use a web browser to connect to the cloud IDE, and develop code based on the cloud IDE.

When developing in local mode, we will encounter some of the following problems:

1. Code compilation performance requirements are high, and a slightly larger code file takes a long time to compile once;

2. The configuration of the code development environment is many and complex, easy to configure and easy to misconfigure;

3. There is no way to solve problems such as the network environment when the development is in mobile office or when the epidemic needs to work at home;

4. When the development is in teamwork, it cannot share its own programming space, and it is troublesome and inefficient to troubleshoot and solve problems;

5. There are security risks in development, which may cause the leakage and dissemination of sensitive data.

2. CSDN Cloud IDE

It is for some of the above reasons that the epidemic will occur at any time. All major technology clouds have launched their own cloud IDEs. For example, the well-known world-renowned Chinese IT technology exchange platform CSDN has opened CSDN's cloud IDE. Cloud IDE is a low-code development product created by CSDN Development Cloud for developers. The common development environment is prefabricated in the cloud, without downloading and installing, one-click project creation, and flexible configuration of code warehouses and cloud hosts. At the same time, it supports online installation of VSCode plug-ins to enhance the user experience, supports rapid construction of high-level components from basic components, and does not need to rewrite components to improve research and development efficiency. Develop and code anytime, anywhere, with a smooth coding experience comparable to a local IDE.

The following is the product introduction of CSDN Cloud IDE. Generally speaking, it has four major advantages. The first point is that it is free for students, which is really good news for users who are still students. Like CSDN, you can experience the efficient cloud development model. The second point is multi-environment support. In the cloud IDE, common development environments have been prefabricated, and some basic dependencies have been installed and configured for out-of-the-box use. The third point is online preview, which can quickly generate a preview, which is convenient for project display and online debugging. The fourth point is the ability to persist, write anytime, anywhere, and persist each line of your code. After writing, you can submit it directly and push it to the remote warehouse synchronously, so as to realize sharing.

1. How to use cloud IDE

On the home page of the development cloud, click Try Now to enter the environment configuration interface.

The above is some personal cloud IDE workspace information created. You can click New Workspace to create one.

2. Use cloud IDE

After creating the workspace, click the start button to enter the interface of the cloud IDE

The interface of this IDE is not a familiar formula, a familiar taste. That's right, you can understand it as VsCode.

So far, you have completed the environment setting up of the cloud IDE, and then you can develop engineering projects here. For example, if you need

It is also possible to upload files in the project.

If you find that you need additional extensions to install plugins, it is also very simple.

Personally, I like its real-time preview function, which displays the code and function interface on one interface, which is clear at a glance.

How about it? Are you excited, follow your steps and use this cloud IDE together. Free use address: Click [Cloud IDE] to start creating a workspace~. It is hoped that the cloud IDE will build a cloud development environment for all technicians in one click and seconds, and improve development efficiency!

3. The experience of using cloud IDE

Although the use of the cloud IDE is as consistent as possible with the IDE in the offline environment, there are still some differences due to the difference in the mode of the cloudization method. For example, files need to be uploaded, audio, video, pictures and other static resources. Upload to the project directory. As a novice, when I first entered the workspace, I was a little at a loss and didn't know how to develop. I sincerely hope that the official operation can put the user manual in an obvious position so that everyone can read it immediately.

During the development process, there are some environmental dependencies, and there is a problem of downloading errors. For example, when Live-Server was configured at the beginning, for some unknown reason, errors kept being reported. After exiting the workspace, enter it again. This method is indeed a bit confusing to developers, and I don't know what caused it.

Generally speaking, the functions of the cloud IDE are relatively comprehensive and complete, and can basically support and satisfy our system development work. The interface is relatively fresh, and the operation interface of the IDE is almost the same as that of VsCode. As long as you are familiar with the development method of VsCode, it is almost zero cost to get started with this cloud IDE.

Four. Summary

This article mainly introduces the new development mode of cloud IDE, including the difference between local IDE and cloud IDE. CSDN cloud IDE product introduction, features, how to enter and use this IDE. It also introduces an actual project developed using IDE, and finally puts forward some suggestions and expectations for cloud IDE. I sincerely wish cloud IDE will be better and better, and become a handy weapon for programmers and friends.

In the future, cloud IDE should be a trend. Now the epidemic has been repeatedly anxious and has not been completely cured. For us as programmers, we can enjoy the new Internet-based cloud IDE development model, which is not restricted by the client or the environment, and realizes development and deployment on the cloud, reducing costs and increasing efficiency for enterprises.

Cloud-based Web IDE, a new model for online development