AWS Toolkit for VS Code

346 阅读3分钟

1、Aws Toolkit 介绍

AWS Toolkit for VS Code 是亚马逊基于 Visual Studio 代码(VS )编辑器的开源扩展。此扩展使开发人员能够更轻松地在本地开发、调试使用 Amazon Web Services 的无服务器应用程序并进行部署。

它为开发者提供了一个集成开发环境(IDE),可用于在IDE中直接访问AWS服务。AWS Toolkit支持多种主流的IDE,包括Visual Studio、Eclipse和PyCharm等。通过AWS Toolkit,开发者可以方便地创建、调试和部署AWS应用,提高开发效率。

目前已支持近10多种语言:Python、Java、JavaScript、TypeScript、C#、Go、Rust、PHP、Ruby、 Kotlin、C、C++、Shell 脚本、SQL 和 Scala,以及主流的IDE开发工具:包括 VS Code、IntelliJ IDEA 和 AWS Cloud9。

2、使用条件

我们默认您已经安装完成了Visual Studio Code,那么您还需要创建亚马逊账号并连接到AWS

如果这是你第一次使用AWS Toolkit ,连接到AWS新的连接用户界面会自动在 VS Code 中打开。

我将会在下文中为您介绍AWS的安装与连接

具体详情请到AWS Toolkit for Visual Studio Code 文档 (amazon.com)查询(docs.aws.amazon.com/toolkit-for…)

3、安装Aws Toolkit 插件 连接到AWS

安装

我们以Visual Studio Code为例

在Visual Studio Code中搜索Aws Toolkit

Aws Toolkit .png

安装完成后,左侧栏便会出现aws图标

aws.png

连接

我们在侧边栏点击aws图标,选中DEVELOPER下属的CodeWhisperer,点击Start

在弹出框中选中Use a personal email to sign up and sign in with AWS Builder ID

点击Copy Code and Proceed以复制code

start.png

然后我们会跳转到aws验证,将复制code填入,然后注册一个AWS 1121C2DA8DC4D1A8CF52DFB4E71F3F97.png

请等待一段时间,然后在下方页面中输入您的邮箱地址 1D1A1DEBCFCE59F030438D5868B00338.png

填写您想要的名字 BB52FEF5E93AA3C1648672C52FCE79B2.png

登录邮箱,填写验证码

a.png

填写密码,重复密码

3B978400C9752AC375BC46EDB2C73E8F.png

点击allow

2572678F15CE563245D757D0682A6CCA.png 完成 0B61BD34BD2E17634C4563940C481249.png

查看是否连接成功

over.png

4、在JavaScript中的简单使用

第一种方法:注释补全代码

aws 会根据代码注释自动补全代码,写完注释后,需要回车键触发代码提示功能。(中英文注释皆可) 代码会在下方显示提示状态,按 tab键 补全代码

fwq.js - vscode - Visual Studio Code [管理员] 2023_11_1 18_48_33.png

第二种方法:根据上下文补全代码

fwq.js - vscode - Visual Studio Code [管理员] 2023_11_1 19_05_28.png

5、不足之处:

这里有一个缺点就是,按完tab键后,需要再按一次回车键触发下一次的代码提示。需要不断的重复tab键 和回车键 来实现代码的补全功能。

有时候会出现重复问题

并且如果不描述清楚,很可能达不到你想要的结果;

稍微难一点的需求,可能会理解不了

不支持vue,react框架

整体而言这款插件确实能够提高敲代码的效率,但是更适合辅助编程入门的小白,应用到项目中还是有一些难度,还是推荐有需求的小伙伴们尝试一下的。

---------------------------------------------【END】-----------------------------------------------