【人工智能】Moss-AI编程利器:CodeMoss & ChatGPT中文版超详细入门教程!(VScode/IDER/WEB)

CodeMoss助手是一款功能强大的工具,支持多款主流浏览器,帮助您轻松应对各种编程挑战。

在这里插入图片描述

摘要

CodeMoss是一款集编程、学习和办公于一体的高效工具。

它兼容VScode、IDER、Chrome插件、Web、APP等多个主流平台,并支持插件安装,尤其在VScode和IDER上的表现尤为出色。本文将介绍CodeMoss的核心功能,其中包括AI问答对话、自定义助手、文件上传、图片识别和思维链等主要功能,并且展示其在实际应用中的效果。

🌟 在信息化办公的时代,各种工具层出不穷,但真正能够满足我们编程或学习需求的却寥寥无几。本文将深入介绍CodeMoss的实际应用功能,帮助您判断这款工具是否值得在工作中使用。

🌟 同时,我们也将简要介绍CodeMoss对其他平台的支持,方便您在不同平台间自由切换。


一、环境介绍

VSvode安装步骤

在VScode编辑器内,它有两个插件。这两个插件的功能是一样的。数据和内容都是通用的。所以下面这两个插件,你安装那个都可以。

  1. 打开 VSCode
  2. 点击左侧的扩展图标(或按 Ctrl+Shift+X)。
  3. 在搜索栏中输入 codemoss
  4. 点击 安装 按钮完成插件安装。

在这里插入图片描述


IDER(Pycharm)安装步骤

在编辑器内的名称是:ChatGPT Free - Support Key call AI GPT-o1 Claude3.5

在这里插入图片描述

  1. 打开 IDER:首先,确保你已经安装并打开了最新版本的 IDER 编辑器。

  2. 进入 Preferences:点击界面左下角的 Preferences 按钮,进入设置界面。

  3. 选择 Plugins:在设置界面中,选择左侧菜单栏的 Plugins 选项,进入插件管理页面。

  4. 搜索 CodeMoss:在插件搜索栏中输入 codemoss。ChatGPT Free - Support Key call AI GPT-o1 Claude3.5):这是我们要安装的主要插件。

在这里插入图片描述

Web 使用步骤

点击这里即可使用:CodeMoss & ChatGPT中文版

二、Moss9大功能讲解

1、AI问答对话

点击右下角的模型,你可以看到众多模型,以及自己独立的大模型,选择任意一种模型,即可直接进行提问。

在这里插入图片描述

CodeMoss 深度集成了众多大型预训练模型,由 CodeMoss 团队开发,专门设计用于理解和回应人类的语言输入,具备以下能力:

  1. 语言理解:能够理解和处理人类语言,包括细微差别和语境,以提供准确和相关的回复。
  2. 模型集成:支持多种先进模型,具体如下:
模型名称评分Token 限制
GPT-o190分128K
GPT-4o81分128K
Claude-3.5-Sonnet77分200K
GPT-475分8K
GPT4o-mini73分128K
月之暗面69分8K
Gemini-Pro68分8K
GPT-3.5 Turbo64分16K
DALL-E-3-图片生成
等等--

2、文件上传功能

文件上传功能,无论是在文件解析还是文件翻译方面,都是不可或缺的核心功能。

这个功能可以帮助我们高效地处理各种类型的文件,确保数据的准确性和完整性。通过文件上传,用户能够方便地将本地文件导入系统,系统则可以自动识别文件格式并进行相应的处理。

文件上传的使用

1、点击左下角文件上传按钮

在这里插入图片描述

2、选择要上传文件
在这里插入图片描述
3、打开与文件对话功能,如果不打开与文件对话,那么我们将无法对文件的内容进行提问

当打开与文件对话后,就可以正常提问题。

在这里插入图片描述
文件上传这个功能看起来还是非常实用的。

3、自定义AI助手

提示词助手我们都知道,正常的工具都是一个助手一个页面,但是在CodeMoss里面,你只需要点击@符号,或者点击@符号,都可以自动调起内置助手,这样就更方便我们使用了。

在这里插入图片描述

内置的提示词助手提供了多种预设选项。如果我们对内置的助手不满意,可以利用“创建提示词助手”功能,自己编写符合个人需求的提示词。通过这一功能,用户可以根据自己的具体情况和需求,设计出更加精准和有效的提示词,从而显著提升提问的效果和质量。

在这里插入图片描述
在这里插入图片描述

4、AI 联网助手

众所周知,GPT是不联网的,这就导致很多最新的信息,我们无法用GPT去解决。

所以AI联网插件的作用就显现出来了。如果你想联网查询内容,可以点击“点击联网查询”或者在输入框输入@符号,都能够调出联网查询的功能。

在这里插入图片描述

例如问题:@XX搜索:openAI的最新新闻都有哪些?请详细说明。

AI回答
在这里插入图片描述

5、AI 图片识别

  1. 复制一张图片点击图片上传按钮,或者复制快捷键是Ctrl+C一张图片到输入框,即可直接使用图片识别功能。

在这里插入图片描述

  1. 输入号内容后直接进行提问 即可。

在这里插入图片描述

6、思维链

‌思维链(Chain of Thought,简称CoT)是指一系列有逻辑关系的思考步骤或想法,这些步骤或想法相互连接,形成了一个完整的思考过程。‌它是一种指导我们思考和解决问题的方法,帮助我们更好地理解、分析和解决问题。‌

思维链的简单介绍

思维链的工作原理是通过模拟人类思考问题的过程,将复杂的问题逐步分解,逐个解决这些简单问题,从而得出最终答案。这种方法的核心在于“化繁为简、逐个击破”,即将复杂问题分解为一系列简单的子问题,然后依次解决这些子问题,最终得到完整的答案。

使用CodeMoss思维链

我们只需要点击思维链按钮,直接进行提问。他就会根据的你的问题进行自我自考与总结。经过测试,CodeMoss的思维链,回答的效果还是非常客观的。如下:

在这里插入图片描述
在这里插入图片描述

7、AI 图片生成

图片生成需要点击右下角的模型,并且切换到图片生成模型。
在这里插入图片描述

生成提示词

我想生成一张图片,画面中是一位优雅的美女,身穿一件轻盈的风衣,微微飘动,仿佛在雨中舞动。她的长发被雨水轻轻打湿,发丝在她的肩头和背部轻柔地贴着,透出一丝慵懒而迷人的气息。她正走在一个繁忙的城市街道上,周围是五光十色的霓虹灯和匆忙的行人,展现出都市的喧嚣与活力。

天空中细雨纷飞,雨滴在她的伞上跳跃,伞是鲜艳的红色,与灰暗的城市背景形成鲜明对比。她的背影透漏出一丝孤独,仿佛在思考着什么,目光投向远方。街道两旁是高耸的建筑,窗户里透出温暖的灯光,映衬出外面阴雨的寒冷。

在她的脚边,水洼中倒映着城市的灯光和她的身影,增添了一层梦幻的效果。整个画面充满了动感与情感,展现出一个在喧闹城市中独自前行的女性形象,既坚强又脆弱,既孤独又迷人。

在这里插入图片描述

图片生成效果

图片生成功能生成出来的效果,直接看图。

在这里插入图片描述

8、图片生成代码

图片生成代码,就是给他一张图片,他将会按照图片的对应内容,生成出响应的代码。

1、点击侧边栏。

在这里插入图片描述
2、进入到图片生成代码页面

在这里插入图片描述
3、选择要生成代码的图片。等待1分钟即可

在这里插入图片描述
在这里插入图片描述

<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>App Interface</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"></link>
    <style>
        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
        }
    </style>
</head>
<body class="bg-gray-800 text-white">
    <div class="px-4 py-2">
        <!-- Top bar with buttons and search -->
        <div class="flex items-center justify-between">
            <button class="text-orange-400">
                <i class="fas fa-bars"></i>
            </button>
            <button class="text-green-400">
                <i class="fas fa-phone-alt"></i>
            </button>
            <button class="text-white">
                <i class="fas fa-plus"></i>
            </button>
        </div>
        <!-- Search bar -->
        <div class="mt-4">
            <div class="flex items-center bg-gray-700 rounded-full px-4 py-2">
                <i class="fas fa-search text-gray-400"></i>
                <input type="text" placeholder="搜索 (⌘ + K)" class="bg-transparent ml-2 placeholder-gray-400 text-white w-full focus:outline-none">
            </div>
        </div>
        <!-- Menu items -->
        <div class="mt-4">
            <div class="flex items-center bg-gray-700 rounded-full px-4 py-2">
                <div class="bg-blue-500 rounded-full h-4 w-4"></div>
                <span class="ml-2">消息</span>
            </div>
            <div class="flex items-center mt-2 bg-gray-700 rounded-full px-4 py-2">
                <i class="fas fa-comment-dots"></i>
                <span class="ml-2">视频会议</span>
            </div>
            <div class="flex items-center mt-2 bg-gray-700 rounded-full px-4 py-2">
                <i class="fas fa-calendar-day"></i>
                <span class="ml-2">日历</span>
            </div>
            <div class="flex items-center mt-2 bg-gray-700 rounded-full px-4 py-2">
                <i class="fas fa-file-alt"></i>
                <span class="ml-2">云文档</span>
            </div>
            <div class="flex items-center mt-2 bg-gray-700 rounded-full px-4 py-2">
                <i class="fas fa-user-friends"></i>
                <span class="ml-2">通讯录</span>
            </div>
            <div class="flex items-center mt-2 bg-gray-700 rounded-full px-4 py-2">
                <i class="fas fa-th-large"></i>
                <span class="ml-2">工作台</span>
            </div>
            <div class="flex items-center mt-2 bg-gray-700 rounded-full px-4 py-2">
                <i class="fas fa-stream"></i>
                <span class="ml-2">多维表格</span>
            </div>
        </div>
        <!-- Bottom bar with icons -->
        <div class="fixed bottom-0 left-0 right-0 bg-gray-900 py-2">
            <div class="flex justify-around">
                <button class="text-blue-400">
                    <i class="fas fa-comment-dots"></i>
                </button>
                <button class="text-white">
                    <i class="fas fa-envelope-open-text"></i>
                </button>
                <button class="text-white">
                    <i class="fas fa-user-friends"></i>
                </button>
            </div>
        </div>
    </div>
</body>
</html>

9、生成OpenAI Api Key

点击左侧的侧边栏,进入到Api Key页面
在这里插入图片描述

如何创建Api Key

  1. 点击“添加令牌”按钮。
  2. 创建成功后,点击“查看KEY”按钮,获取你的API Key。

在这里插入图片描述

可以调用的模型
gpt-3.5-turbo
gpt-3.5-turbo-1106
gpt-3.5-turbo-0125
gpt-3.5-16K
gpt-4
gpt-4-1106-preview
gpt-4-0125-preview
gpt-4-1106-vision-preview
gpt-4-turbo-2024-04-09
gpt-4o-2024-05-13
gpt-4-32K
claude-2
claude-3-opus-20240229
claude-3-sonnet-20240229
Python示例代码(基础)

基本使用:直接调用,没有设置系统提示词的代码


from openai import OpenAI

client = OpenAI(

    api_key="https://api.aihao123.cn/luomacode-api/open-api/v1",  # 填写提供的api_key
    base_url="base_url"  # 填写提供的base_url

)
response = client.chat.completions.create(
    messages=[
        {'role': 'user', 'content': "1+1"}, ],
    model='gpt-3.5-turbo',
    stream=True
)
for chunk in response:
    print(chunk.choices[0].delta.content, end="", flush=True)
Api Key注意事项

在填写BaseUrl的时候。我们一定注意自己使用的框架,因为框架不同baseUrl的后缀拼接是不一样的,所以你要查看BaseUrl的地址,是否和源码一致。

在这里插入图片描述

在下面的示例中你可以看到内置的BaseUrl链接后面是带v1的:https://api.openai.com/v1。所以你要检查从其他地方获取的BaseUrl是否完整,例如:CodeMoss里面的获取的就不带v1,那么我们在使用python里面的openai库的时候就需要手动在后面拼接v1。如下:

配置前获取的BaseUrl

base_url="https://testchatmoss.aihao123.cn/luomacode-api/open-api/"

配置后的BaseUrl

base_url="https://testchatmoss.aihao123.cn/luomacode-api/open-api/v1"

注意结尾
在这里插入图片描述

更多

【OpenAI】获取OpenAI API Key的多种方式全攻略:从入门到精通,再到详解教程!!

【VScode】VSCode中的智能AI-GPT编程利器,全面揭秘ChatMoss & ChatGPT中文版

【GPT-o1系列模型!支持Open API调用、自定义助手、文件上传等强大功能,助您提升工作效率!】>>> - CodeMoss & ChatGPT-AI中文版

结语

随着AI技术的不断发展,未来的编程工具将会更加智能化,帮助开发者更高效地完成工作。希望大家能够充分利用CodeMoss,提升自己的编程能力,迎接未来的挑战!

评论 16
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

XinZong-千鑫

在线乞讨,行行好吧!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值