AI代码辅助编程,体验下一代应用开发新范式
引导式阅读
Others
AI代码辅助编程,体验下一代应用开发新范式
作者
Codelabs 助理
上架时间
2023-09-19 15:24:19

简介

本实验意在熟悉以代码大模型为核心的CodeArts Snap插件,体验将自然语言转化为编程语言的下一代开发模式如何提高开发效率

体验目的

让开发者通过学习CodeArts Snap,体验下一代开发工具如何协助提升开发效率

体验所需特别配置要求

实验环境

PyCharm IDE 2021.2~2022.2.5

实验设备

普通笔记本

实验平台

Windows、MacOS

实验所需资源预估

无需额外云资源

步骤一、开发环境搭建

1 安装PyCharm

1.1 下载 PyCharm 安装包

打开 PyCharm 官网,Download PyCharm。根据自己电脑的操作系统(Windows、Mac、Linux)选择下载安装包。在这里我们选择下载免费的 Community 版本,足以满足基本的编程需求及实验所需。

pycharm官网地址:https://www.jetbrains.com/pycharm/download/other.html

1.2 点击 PyCharm 安装包

打开运营安装程序,点击 Next。

1.3 选择安装路径

可根据默认路径设置,点击Next。

1.4 进入 Installation Options 界面

如图所示,选择以下勾选框并点击 Next。

1.5 点击Install进行默认安装

1.6 安装完成

等待安装直至完成界面出现,点击Finish。

1.7 运行PyCharm

如图所示点击New Project。

2 安装Python

2.1 下载Python安装包

进入 Python 官网,点击 Downloads 标签,根据自己的操作系统选择相应的版本,这里展示下载 3.10.10 版本的 Python。

python官网地址:https://www.python.org/


2.2 点击Python安装包

找到下载好的的 Python.exe 安装包,双击进行安装。

2.3 选择安装路径和勾选环境变量

如图所示勾选,并点击Install Now。

2.4 点击 Disable path length limit,设置 MAX_PATH,同时授予管理员权限

2.5 安装完成

打开(cmd)终端窗口,输入python命令,验证成果。

步骤二、插件安装与使用指南

1 插件安装下载

1.1 搜索插件打开 PyCharm,选择 File,点击 Settings。

选择 Plugins,点击 Marketplace,并在搜索框中输入 Huawei Cloud CodeArts Snap。

1.2 安装插件

如上图所示,点击 Install 按钮安装 Huawei Cloud CodeArts Snap 插件,弹出需要安装 Huawei Cloud Toolkit Platform, 点击 Install 继续安装。(注:华为云插件依赖统一华为云开发者生态底座进行登录,此为必选项)

插件下载安装完毕后,点击 Restart IDE,或手动关闭 IDE 并重新打开使插件安装生效。

下载完成后,我们在 IDE 面板上可以看到:1)左边侧边栏 Huawei Cloud Tookit 功能键;2)右下角 Huawei Cloud CodeArts Snap 插件图标。

2 插件登录

2.1 获取授权账号

若华为云账号已获得 CodeArts Snap 试用授权,请直接看下一步。若还没有,请进入 https://devcloud.cn-north-4.huaweicloud.com/codeartssnap/apply 提交申请。

【现场同学请找老师要临时邀请码】

2.2 多种登录方式

华为云插件提供三种登录方式:1)华为账号登录;2)华为云AK/SK登录;3)第三方账号登录(CSDN)。

2.2.1 华为账号登录

方式1:点击右下角 CodeArts Snap 图标,点击 Login to HUAWEI。

方式2:点击左边工具栏 Huawei Cloud Toolkit,如图所示点击人物logo,选择“华为账号登录”。

在弹出的浏览器页面,填写华为账号和密码。

阅读并同意免责声明,完成登录。

2.2.2 华为云AK/SK登录

方式1:点击右下角 CodeArts Snap 图标,点击 Login to HUAWEI。

方式2:点击左边工具栏 Huawei Cloud Toolkit,如图所示点击人物logo,选择“华为账号登录”。

方式3:在 File -> Settings 里面找到 Huawei Cloud Toolkit Settings,点击 log in 快速进入到华为云控制台。

点击“新增访问秘钥”进行访问秘钥申请。

填入任意备注信息后点“确定”。

创建成功后,系统将提示您点击 立即下载,访问秘钥信息将保存在 credentials.csv 文件中。请注意,每人最多可以添加2个访问秘钥,且每个访问秘钥只允许下载一次,请妥善保管。若不慎遗失秘钥小伙伴们也无需担心,只需删除历史秘钥并重新申请创建即可。

打开下载好的访问秘钥文档,复制 Access Key Id 列的 AK 以及 Secret Access Key 列的 SK 分别在登录界面填入并点击 OK。

阅读并同意免责声明,完成登录。

3 插件使用说明

3.1 生成触发及功能键说明

3.1.1 生成触发说明

在 IDE 编辑框任意位置皆可触发代码(含注释)生成,触发方式有三种。

• 敲回车(默认关闭)

• 快捷键 Alt + c(默认开启)

• 编程中等待超过一定时长后自动触发(时间及触发机制可调整)(默认关闭)

3.1.2 功能键说明

如果所示,从左往右依次是:

• Accept:用 Tab 键接受生成结果

• Next:用 Alt+] 键查看下一个推荐

• More:用 Alt+R 键打开右侧结果栏,查看多个结果选项

• Results:生成结果个数及当前正在阅读的结果条目

3.2 设置简介

在 File -> Settings 下找到 Huawei Cloud CodeArts Snap ,点击展示功能项列表。

点击 Code Generation 可以看到各项个性化设置选项。

3.3 设置说明

3.3.1 代码生成功能开关

此处可认为是功能的总开关,Enable 表示启动代码生成功能,Disable 表示关闭代码生成功能。

3.3.2 个性化功能设置

如图所示为个性化功能默认配置项,从上往下依次进行解读。

  • Trigger on Enter
    快捷键生成功能(默认关闭):快捷键Enter

  • Show Generating Tip
    生成中提示框功能(默认关闭)。如下图所示,通过“Generating Code…”提示框更明显的提醒开发者代码生成功能使用中。

    开发者可以根据自己的需求和编程习惯启动隐藏提示框功能,此时仅在右下角的进度条上提示代码生成功能使用中。

  • Trigger on Pause
    自动触发代码生成功能(默认启动)。开发者在编写代码过程中暂停输入时,插件会自动识别光标位置的上下文内容,并为下一行代码或当前行代码的续写提供生成推荐。该功能可以在开发者停顿思考时提供编程灵感,提高开发效率,让开发者更加专注于核心业务逻辑。

  • Trigger Delay (ms)
    自动触发代码生成间隔设置(默认设置为3s)。用于控制 CodeArts Snap 在开发者暂停输入后多久自动触发代码生成。通过调整时间延迟,可以为开发者提供更加合适的思考时间,避免过于频繁的提示干扰开发者编程过程,从而实现更好的开发者体验和编程效率。最小可调整为1s,最大为10s。

步骤三、插件实验步骤

1 实验准备

1.1 第三方库包导入安装

点击打开 IDE 下方的 Terminal,输入 pip install matplotlib 并敲击回车进行安装 matplotlib 库包。

用相同的方式安装 turtle 库包,命令行如下:pip install turtle。

2 实验内容

2.1 生成三角函数图像

  1. 手动输入“import matplotlib.pyplot as plt”以及“import numpy”

  2. 手动输入“def plot_sin_cos():”

  3. 手动输入注释:“““write a function to plot sin(x) and 2*cos(x) with red and blue dashes for the range -pi to pi”””

  1. 按“Alt+C”快捷键自动生成以下结果,按“Tab”快捷键接受推荐

  1. 手动输入“plot_sin_cos()”

  2. 运行代码,即可生成以下函数图像结果

2.2 画几何图形

  1. 手动输入“import turtle”

  2. 手动输入“def drawing():”

  3. 手动输入注释:“““Draw a square with turtle, width 200, color red, position (-100,-100)”””

  1. 按“Alt+C”快捷键自动生成以下结果,按“Tab”快捷键接受推荐

2.3 生成冒泡排序

  1. 手动输入“def bubble_sort(arr):”

  2. 按“Enter”键+ “Accept Tab”,自动生成以下结果

3)手动输入“print(bubble_sort([2, 6, 1, 45]))”,运行生成以下结果

结果:1,2,6,45

恭喜您完成实验

恭喜您完成实验!