GithubHelp home page GithubHelp logo

davidmr001 / serverless-vscode Goto Github PK

View Code? Open in Web Editor NEW

This project forked from alibaba/serverless-vscode

0.0 0.0 0.0 48.34 MB

Aliyun Function Compute extension. Lets you develop your serverless application of Aliyun within VSCode.

License: GNU General Public License v2.0

JavaScript 0.45% TypeScript 87.32% PHP 0.21% Python 0.18% HTML 9.86% CSS 1.58% Shell 0.04% Java 0.36%

serverless-vscode's Introduction

Aliyun Serverless VSCode Extension

Version Downloads Installs

Aliyun Serverless VSCode Extension 是阿里云 Serverless 产品 函数计算 Function Compute 的 VSCode 插件,该插件结合了函数计算 Fun 工具以及函数计算 SDK ,是一款 VSCode 图形化开发调试函数计算以及操作函数计算资源的工具。

通过该插件,您可以:

  • 快速地在本地初始化项目、创建服务函数
  • 运行调试本地函数、部署服务函数至云端
  • 拉取云端的服务函数列表、查看服务函数配置信息、调用云端函数
  • 获得模版文件的语法提示: 自动补全、Schema 校验、悬浮提示

前置需求

如果您期望使用 Aliyun Serverless VSCode Extension 的所有功能,那么您需要确保系统中有以下组件:

  1. VSCode:在 Visual Studio Code 官网 中可以下载安装
  2. Docker:可以根据 aliyun/fun 中的教程安装配置 Docker

安装插件

  1. 打开 VSCode 并进入插件市场。
  2. 在插件市场中搜索 “Aliyun Serverless”,查看详情并安装。
  3. 重启 VSCode,左侧边栏中会展示已安装的 Aliyun Serverless VSCode Extension 插件。

快速入门

绑定阿里云账户

打开左侧 Aliyun Serverless VSCode Extension,单击绑定阿里云账户的按钮。

依次输入阿里云 Account ID,阿里云 Access Key ID,阿里云 Access Key Secret。

绑定完成后,可以看到所绑定的阿里云账户的云端服务与函数列表。

您可以通过切换区域 Region 来查看不同区域的服务与函数。单击云端资源面板的切换区域按钮或 VSCode 下方的区域信息。

创建函数

通过 VSCode,打开一个空的目录文件。单击本地资源面板中的创建函数按钮,可以在本地初始化一个函数计算项目。

按照导航依次输入或选择服务名称、函数名称、函数运行时、函数类型。填写完毕后,插件会自动创建函数并在本地资源面板中会展示新建的本地服务与函数。

Tips: 您也可以直接单击本地资源面板中模版文件名或服务名右侧的创建函数按钮来创建函数。按照导航依次输入或选择服务名称、函数名称、函数运行时、函数类型即可。

部署服务以及函数

单击本地资源面板中的部署按钮,可以将本地的服务与函数部署到云端。

部署完成后,单击云端资源面板中的刷新按钮,可以查看部署到云端的服务与函数。

Tips: 您也可以右键本地资源面板中的模版文件名、服务名、函数名,在上下文菜单中选择部署,从而按照模版文件、服务、函数的粒度进行部署。

其余功能介绍

本地调用函数

在本地资源面板中,单击函数名称右侧的执行按钮或单击函数入口文件中入口函数上方的 Local Run,可以在本地调用该函数。

函数的日志以及结果会输出在 Terminal 中。

插件会为您在函数入口文件同目录下创建 event.evt 文件,您可以通过修改该文件设置每次调用函数时触发的事件信息。

本地调试函数

在本地资源面板中,单击函数名称右侧的调试按钮或单击函数入口文件中入口函数上方的 Local Debug,可以在本地调试该函数。

在代码文件中插入断点,启动调试后即可看到调试信息。

插件会为您在函数入口文件同目录下创建 event.evt 文件,您可以通过修改该文件设置每次调试函数时触发的事件信息。

注意:

  • 若您想要调试 python 2.7 或 python 3 runtime 的函数,需要事先在插件安装 Python 插件。
  • 若您想调试 php runtime 的函数,需要事先在插件安装 PHP Debug 插件。

执行云端函数

单击云端资源面板中函数右侧的执行按钮,可以执行云端函数。

函数的日志以及结果会输出在 Output 中。

插件会为您在项目根目录下创建 event.evt 文件,您可以通过修改该文件设置每次调用云端函数时触发的事件信息。

跳转到模版文件定义

函数计算 Fun 工具 通过 YAML 格式 的模板文件来描述 serverless 应用。通过 Aliyun Serverless VSCode Extension 创建函数时,会使用默认值自动填充模版文件。若您想修改本地服务或函数的配置,可以通过点击本地资源面板中的模版文件名、服务名或函数名,跳转到模版文件中的相关描述,所选择资源在模版文件中的相关描述块会高亮并逐渐褪去。

模版文件语法提示

  • 自动补全

支持模版文件 template.yml 内所有资源配置属性的自动补全。自动补全会依据缩进层级给出精准的提示选项。

  • 错误校验

支持模版文件 template.yml 内所有资源配置信息的校验。在 template.yml 中会检测资源的配置信息是否符合规格说明,并在不符合的地方进行标示,鼠标移动到标示位置即可看到相关提示信息。

  • 悬浮提示

提供模版文件 template.yml 内所有资源配置的上下文帮助。在 template.yml 中,将鼠标悬浮在相关资源的键名上,会出现关于该键下可配置字段的悬浮信息展示 (字段名、字段类型、文档地址)。


欢迎感兴趣的同学加入钉钉群(钉钉群号: 21915868 )。欢迎随时提出宝贵的意见和建议,我们将会根据你们的需求不断完善,力求给大家带来更好的开发体验。

serverless-vscode's People

Contributors

chandaoh avatar dependabot[bot] avatar vangie avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.