【Cloud Studioで遊ぶ】 - クラウドプログラミングの旅

画像
詳細は公式サイトをクリック

クラウドスタジオの概要

Cloud Studio は、開発者に安定したクラウド ワークステーションを提供するブラウザベースの統合開発環境 (IDE) です。Cloud Studioを使用する場合はインストールが不要で、ブラウザを開くだけですぐにプロジェクトを開始できます。基盤となるリソースは自動的かつ柔軟にスケーリングされるため、コストが大幅に節約され、ローコード開発により時間と労力が節約されます。

● Web ベースのコード エディターには、コードのハイライト表示、オートコンプリート、Git 統合、ターミナルなどの基本的な IDE 機能が含まれており、また、開発、コンパイルの効率を向上させるためのリアルタイム デバッグ、プラグイン拡張機能などもサポートしています。 、および展開。

● クラウド サーバーへのリモート アクセスをサポートし、Tencent Cloud SCF 業界ユーザーに開発、テスト、展開の完全なクローズド ループのクラウド ネイティブ開発エクスペリエンスを提供します。

● コラボレーション プラグイン、カスタム テンプレート プラグイン、プレビュー プラグイン、展開プラグインなど、開発ニーズに合わせてさまざまなプラグインを自社開発し、プログラミングの可能性を解き放ちます。

画像

ローカル IDE を使用する場合の問題点

1. 以下は作業中に発生するいくつかの問題であり、いくつかの側面は比較的非効率的です。

画像

2. 日常業務で使用される開発ツール。JetBrains の一連のツールは依然としてメモリを消費するため、元の 16G から 72G にアップグレードしても、プレッシャーはありません。

画像

クラウドスタジオの稼働中

1. マシンテスト環境:

画像

2. フレームワーク テンプレートのトライアル:

画像

以下は実際の操作です。基本的には環境をすばやく初期化し、コーディングを開始できます。

ワークスペースの作成、開始、接続は基本的に 7 秒以内に完了し、依存関係をプルして準備が整うまで 2 分以内に完了します

画像

画像

Go プロジェクトの初期化を例に挙げます。

画像

ワークスペースを作成する

1. SSH 公開キーを確認します。

画像

2. Gitee で SSH 公開キーを設定します。

画像

3. ワークスペースの関連情報を入力し、対応するブランチ (test) を選択し、構築する環境 (vue.js) を選択します。

テスト ブランチ コードは 8 秒以内にプルされます (時間はウェアハウス コードのサイズにも関係します)。私の個人的な経験では比較的高速です。

画像

4. Yarn install 実行時に問題が発生しました。node-sass パッケージをインストールする際には Python 環境が必要ですが、デフォルトの vue.js 開発環境にはそれがありません。

画像

5. 開発環境を「Ubuntu」に変更し、ノード環境をインストールします。

開発環境を「node」に設定しようとしても機能しません。

# 使用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

CODING DevOps と Cloud Studio の組み合わせ

1. DevOps および Cloud Studio のコーディングの承認:

画像

2. Cloud Studio が新しいワークスペースを開きます。

画像

3. インストールは環境エラーによって異なります。

画像

4. バージョンを無視します。

画像

5. インストールの依存関係:

画像

6. 最後に、以下を開始できます。

画像

画像

また、クラウド IDE でインターフェイスを開くとさらに便利です。たとえば、私は大きな画面を備えた iMac を持っていますが、コードをデバッグするためのウィンドウがいくつかあるだけです。

要約する

1. 問題点:

画像

2. エクスペリエンス最適化の提案:

画像

3.作業の効率化:

画像

画像

おすすめ

転載: blog.csdn.net/CODING_devops/article/details/131600381