雲開發 VSCode 插件 Cloudbase Toolkit 的正確打開方式

2020-12-17 騰訊雲開發TCB

什麼是 Cloudbase Toolkit

Tencent CloudBase Toolkit 是雲開發的 VS Code（Visual Studio Code）插件。該插件可以讓您更好地在本地進行雲開發項目開發和代碼調試，並且輕鬆將項目部署到雲端。

Cloudbase Toolkit 將項目創建、函數上傳、函數更新、函數本地調試等功能集成在 VSCode 的本地調試環境中，開發者可以通過簡單的點擊，完成雲函數的更新、上傳、同步等功能。

和 Cloudbase Cli 相比，Cloudbase Toolkit 能夠在 VSCode 中完成各種函數操作，在不影響開發者開發流程，不打斷開發者開發節奏的同時，完成項目開發，幫助開發者完成工作任務。

應用場景

Cloudbase Toolkit 可以實現在 VSCode 中完成雲開發項目的創建、雲函數和靜態託管文件的部署等，方便開發者快速完成項目開發，提升工作效率。

通過 Tencent CloudBase Toolkit 插件，您可以：

在本地快速創建雲開發項目從多種模板快速創建雲函數同步雲端的雲函數列表，並下載函數代碼到本地部署雲函數到雲端，並進行雲端安裝依賴對雲函數進行管理，如刪除雲函數、查看雲函數詳細信息增量更新雲函數文件刪除雲端的雲函數文件部署靜態託管文件到雲端

關於應用插件進行雲函數debug調試可以查看文檔 https://docs.cloudbase.net/vscode/debug.html?from=10004

如何使用 Cloudbase Toolkit

Cloudbase Toolkit 現已發布至 VSCode 官方插件市場，你可以在 VSCode 中直接搜索 Tencent Cloudbase Toolkit來進行安裝，也可以訪問 VSCode 的官方市場頁面進行安裝和使用。

快速開始

Step1 安裝

運行 VS Code IDE 並打開插件市場在搜索框中輸入：單擊搜索框下方列表中的 Tencent CloudBase Toolkit 插件查看詳情並選擇【install】。

Step2 創建環境

如果您已經開通了雲開發服務，並創建了相關環境，可以跳過此步驟。

登錄騰訊雲官方帳號打開騰訊雲官網，註冊騰訊雲帳號，然後登錄帳號。如有帳號，可直接登錄創建環境。

開通雲開發進入雲開發主頁，授予相關權限開通使用。

創建環境點擊新建環境，輸入環境名稱，選擇按量計費模式，點擊立即開通，等待服務開通完成後繼續進行下面的操作。

Step3 配置

單擊左側導航欄的圖標，打開已安裝好的 Tencent CloudBase Toolkit 插件：

點擊登錄：

CloudBase Toolkit 提供了兩種登錄方式，您可以通過騰訊雲 - 雲開發控制臺登錄，也可以使用騰訊雲訪問秘鑰登錄。

登錄成功後，在 VS Code 窗口的右下方會有」登錄成功「的提示。同時，如果當前項目下沒有檢測到 cloudbaserc 配置文件，CloudBase Toolkit 會提示您創建雲開發項目，或創建配置文件。

創建雲開發項目會拉取雲端模塊創建全新的項目，而創建配置文件只會在當前目錄下生成 cloudbaserc 配置文件。

隨後，你就可以使用 CloudBase Toolkit 進行項目的創建了：

更多文檔

Cloudbase Toolkit 官方文檔連結：https://docs.cloudbase.net/vscode/intro.html?from=10004

Cloudbase Toolkit 本地調試函數文檔：https://docs.cloudbase.net/vscode/debug.html?from=10004

VSCode 官方市場連結：https://marketplace.visualstudio.com/items?itemName=tencentcloud.cloudbase-toolkit

雲開發（CloudBase）是雲端一體化的後端雲服務，採用 serverless 架構，免去了移動應用構建中繁瑣的伺服器搭建和運維。同時雲開發提供的靜態託管、命令行工具（CLI）、Flutter SDK 等能力極大的降低了應用開發的門檻。使用雲開發可以快速構建完整的小程序/小遊戲、H5、Web、移動 App 等應用。最新資訊關注微信公眾號【騰訊云云開發】

相關焦點

  • 編程開發工具vscode插件整理
    Brack et Pair Colorizer 用不同顏色高亮顯示匹配的括號 Can I Use HTML5 、 CSS3 、 SVG 的瀏覽器兼容性檢查 Code Runner 運行選中代碼段（支持多數語言） Code Spell checker 單詞拼寫檢查 CodeBing 快速打開
  • vscode插件體系詳解
    事實上很多 vscode 的核心功能也是通過插件實現的。本文我們將從以下三個方面詳述 vscode 的插件機制：閱讀本文後續內容，需要對 vscode 的插件開發有基本的了解。關於 vscode 的插件開發可參考 vscode 的官方教程 。1.
  • 使用代碼片段的正確姿勢,打造高效的vscode開發環境
    去建設去維護一個項目模板是一件需要權衡的事情使用gist 呢，我一直沒有找到使用gist的正確姿勢，我可以很開心的寫gist，也可以很開心的看，但 我如何使用呢？打開網頁，搜索，然後？複製粘貼，但這不又回去了（沒有簡化太多使用code snippet 可以參看vscode官方文檔如何書寫snippets，寫起來說複雜也不複雜，但是感覺維護和管理也是一個問題。
  • vscode常用插件推薦
    通用插件Chinese: 使vscode顯示為中文One Dark Pro: 一個非常好看的主題插件SettingsSync：同步vscode設置和插件的插件，僅需登錄GitHub選擇gist即可使用Alt+Shift+D下載，Alt+Shift+U上傳。
  • 強力推薦提高開發效率 VSCode 的插件!
    現在大部分做前端開發，基本都在使用 vscode 吧；這裡推薦一下我常用的提高工作效率的插件。主題1.Git Lensgit 日誌插件；語法校驗1. stylelint一個 css 代碼規範比內置的要全，更智能；2.
  • 2019年JavaScript開發者必備的10個vscode插件
    VSCode現在前端圈特別火爆，基本人手一件，那麼選擇一個好的插件能夠幫我們提高開發效率，和開發體驗。今天給大家推薦的這個10個插件希望對大家有所幫助。之前我們還熱衷使用Atom,webstorm,在前兩年的時候改用了vscode,感覺非常好，性能也不錯。而且vscode的社區和市場也日漸強大，這也是我選擇vscode的原因之一。
  • 誰會不愛讓代碼騷裡騷氣的VSCode擴展插件呢?
    Visual Studio IntelliCode擴展插件基於對代碼上下文的理解並結合機器學習提供AI輔助開發功能，適用於Python, TypeScript/ JavaScript以及 Java的開發人員。
  • HBuilderX 2.7.x 發布,插件系統開放,C++ 版的 vscode 來了
    重大升級：插件系統開放HBuilderX自發布以來，目前已累計500萬+的開發者在使用，不少開發者在呼籲HBuilderX開放插件系統，想共同參與打造更好的開發工具。 所以從2.7+起，我們正式開放HBuilderX插件系統。
  • vscode入門:熟悉vscode和初級配置
    著重關注右下角的學習部分，交互演練可以讓我們快速體驗vscode的一些常用功能和快捷鍵，值得一試；活動欄，Ctrl+Shift+{E/F/D/X}分別打開文件列表、搜索、調試和擴展；熟記快捷鍵後可以隱藏活動欄
  • 那些你應該考慮卸載的 VSCode 擴展
    如果你覺得在導入語句中有路徑補全已經能夠滿足你的使用需求，那我覺得這個插件可以考慮卸載了。類似的還有 Path Autocomplete。，github 倉庫 都已經被封存了，推薦國人開發的替代品：vscode-svg2。
  • 眾所周知,擁有了vscode就擁有了一切
    常規用法vscode 寫代碼支持各種流行的程式語言，包括c++, Java, js等等。通過相應的插件你甚至能夠對它們進行編澤運行。Drawio -流程圖製作使用此插件之後，你可以在vscode上直接進行各種流程圖的繪製，支技導出成圖片，可以說是工作必備。
  • 2020 vscode 好用的十佳擴展
    vscode作為免費開源的文本編輯器，它已經越來越受開發者喜愛。因為豐富的插件，它可以媲美IDE，同時它還有著不俗的啟動速度，可以說它是一款披著文本編輯器的IDE一點也不為過。vscode有著無數的插件，今天我們就來盤點一下2020年vscode相對來說非常好用的十佳擴展。Import Cost在開發過程中，我們可能經常會發現自己在項目中添加了依賴項。儘管模塊化開發已成為當今軟體開發的關鍵部分，但最好還是確保對依賴的過度依賴。
  • 雲開發資料庫重構:如何將欄位抽離成單獨的集合
    「使用雲開發之後，一個小程序可以快速的從無到有上線運行，這個速度是傳統開發不能比的，特別適合初創團隊快速上線產品搶佔市場或試錯。而使用雲開發，我們通常要做的第一件事就是設計資料庫，雲開發的資料庫使用結構化的文檔來存儲數據，不再是關係型資料庫裡每個行列交匯處都必須有且只有一個值，它可以是一個數組、一個對象，或者更加複雜的嵌套。
  • vk-uni-cloud-router v1.6.2 發布,uniCloud 雲函數路由框架
    vk-uni-cloud-router v1.6.2 已經發布。雲函數路由插件地址https://ext.dcloud.net.cn/plugin?
  • C/C++編程筆記:VScode搭建C和C++環境的圖文教程
    VScode簡單介紹 VScode是一個微軟旗下的一個廣受歡迎的開源文本編輯器，相較於其他編輯器，VScode有著非常多的優點而讓開發者們對其愛不釋手，比如炫酷的主題、漂亮的外觀、集成了終端以及輕量級的體積等等等等，VScode最厲害的地方在於他有著成熟的插件市場（我們下面馬上就要用到）以滿足開發者的各種開發需求，得益於這個插件市場，我們可以把VScode打造成各種開發環境。
  • VSCode 插件Quokka.js用法(圖)
    您也可以按（ + K + J）直接打開文件。 您在此文件中鍵入的任何內容都會立即執行。Runner附：有同學問：我的vscode安裝完quokka·Js之後為什麼js文件裡沒有自動顯示變量結果呢，是不是需要配置文件，還是怎樣？
  • 在SAP分析雲裡根據業務數據繪製詞雲(Word Cloud)
    詞雲(WordCloud)的概念，據網絡上搜索到的資料，最早由美國一位新聞學專業的副教授提出，詞雲對文本中出現頻率較高的關鍵詞予以視覺上的突出，一般採取「出現頻次越高，關鍵詞渲染尺寸越大」的規則。由這些尺寸不一的關鍵詞形成類似雲狀的彩色圖形，能幫助瀏覽者一眼掠過圖形，就能領略該詞雲背後文本的主旨。
  • SAST Weekly | vscode 插件PlatformIO簡介
    但是，在隨著電設開發的進行，代碼量指數上升，這些我們熟知的IDE的問題也愈加明顯。我們習慣了vscode舒適的編程環境，面對蒼白的界面不禁感慨人世的艱辛。誒，代碼補全功能沒有嗎？誒，我的代碼高亮去哪了？    誒，我的頭髮呢？    這些看似細微的功能的缺失直接影響著開發者的開發體驗。
  • 每日猜詞 | cloud=雲,那on cloud nine=?
    貝達英語今日猜詞cloud=雲，那on cloud nine=？ A. 暈頭轉向  B. 倒黴  C. 非常高興—— 今日猜詞答案 ——正確答案C。「on cloud nine」的意思是「非常高興，樂不可支」。
  • 如何使用VsCode來繪製流程圖
    VsCode是由微軟發布的一款開源的編輯器，擁有強大的功能，眾多的插件，由於擁有各種各樣的插件，這就使得VsCode可以做到的事情更多了，比如就可以拿來繪製流程圖，流程圖也是我們在做程序設計過程中，不可缺少的一步，它能幫助你更加清晰的認識程序運行的邏輯，流程圖設計好，後期寫代碼也會輕鬆很多