小程序开发进阶之路-AI编程助手

之前,我独自一人开发了一个名为“心情追忆”的小程序,旨在帮助用户记录日常的心情变化及重要时刻。从项目的构思、设计、前端(小程序)开发、后端搭建到最终部署,所有环节都由我一人包办。经过一个月的努力,通过群聊分享等方式,用户量也有了将近200人。虽然取得了初步的成绩,但我希望小程序能够持续发展。

在个人开发小程序的过程中,最需要解决的一个问题就是编码效率。虽然我自己具备分析需求、编写前端和后端代码的能力,但一个人的速度毕竟有限。为了提高开发效率,我开始使用AI工具来辅助开发。

在我使用AI工具进行开发时,我一直认为有一点非常重要:你自己必须具备相关的技能。例如:

1. 在项目设计阶段,如果你自己不会设计,AI给你设计出来的方案你可能根本不知道会出什么问题。

2. 在后端开发中,如果你不了解业务逻辑,当测试出现问题时,你根本不知道该如何修改。

3. 在前端开发中,如果你不熟悉前端技术,样式乱了或API调用出错时,你无法描述清楚错误是什么,更不知道该如何修复。

4. 在运维方面,如果你不熟悉命令行操作,AI执行一个 rm -rf 你都不知道在做什么,可能会导致严重的后果。

因此,AI工具的作用是提升你的效率,而不是替代你的知识和技能。

1. 项目设计阶段

在项目设计阶段,我会使用国产的通义千问和智谱清言等大模型进行交流。这些AI工具能够帮助我快速生成设计方案,但最终的设计决策仍然由我来做。例如,当我需要设计数据库表和API接口时,我会详细描述我的需求,然后让AI帮我建表。有时候,AI的建议会超出我的预期,补全我没有考虑到的点。这样,我只需要快速审核和调整,大大节省了设计时间。

2. 后端开发阶段

作为一名多年的后端开发者,我对整体架构和逻辑设计非常熟悉。为了加快开发进度,我在IDE中使用了通义灵码。只需要在注释中描述清楚需求,通义灵码就能自动生成大部分代码。生成的代码我会进行快速审核,确保其符合项目需求。这种高效的代码生成方式极大地提高了我的开发效率,让我可以把更多的时间和精力放在优化和调试上。

3. 前端开发阶段

在前端开发方面,由于页面主要是常用的表单、按钮和动画特效(如nutUI框架),代码相对简单。为了进一步提升效率,我选择了Cursor。通过描述所需功能,Cursor能够自动分析并生成相应的表单内容。生成的代码我会进行快速审核,确保其符合设计要求。更重要的是,Cursor能够全局分析代码,确保样式的一致性。这种全局分析能力是我目前所知的通义灵码所不具备的,大大提升了我的前端开发效率。

我让AI参考首页写一个反馈页面, 这是AI自动写的部分代码

首页的样式

AI写的反馈页面, 我一个字都没改, 几乎能直接用

4. 运维阶段

运维方面,我有一个小缺点,就是比较懒,不喜欢记东西。虽然部署的步骤我都熟悉,但偶尔会忘记一些不常用的命令。这时候,我会直接问通义千问,它总能迅速给我提供准确的答案,帮助我顺利完成部署工作。生成的命令和配置文件我也会进行快速审核,确保其正确无误。

总结

通过使用这些AI工具,我在“心情追忆”小程序的开发过程中显著提高了效率。虽然这些工具不能完全替代我的工作,但它们在设计、后端开发、前端开发和运维方面提供了强大的支持,让我能够在短时间内完成更多的任务。我希望我的分享能对正在个人开发项目的朋友有所帮助,如果你也有类似的需求,不妨尝试一下这些AI工具,它们或许能为你带来意想不到的帮助。

最后分析一下通义灵码和cursor的区别

特性通义灵码Cursor
类型IDE 插件独立 IDE
主要功能行级/函数级实时续写、自然语言生成代码、单元测试生成、代码优化、注释生成、代码解释、研发智能问答、异常报错排查项目级全面 CodeBase 理解、更好的语言定制(包括中文支持)、项目级代码编辑、多模态理解能力(支持上传图片)、VScode 原始用户的无缝衔接
适用场景快速生成代码片段、代码优化与审查、单元测试生成、异常报错排查项目级代码辅助、跨语言代码生成、代码风格统一、图形界面设计辅助
中文支持优秀,适合中国开发者优秀,支持多语言定制
模型支持基于阿里云通义大模型支持多种大模型,如 Claude 3.5、GPT-4 等
安全性符合中国相关法规和标准需要联网使用,提供隐私保护选项
价格有免费和个人/企业付费版本订阅制,价格高于 GitHub Copilot
社区支持中国开发者社区支持较好国际开发者社区支持良好
安装方式作为 IDE 插件安装下载独立软件安装
特点专注于提高代码质量和效率、适用于多种编程语言项目级代码理解与编辑、多模态输入支持、无缝集成现有开发环境

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/58948.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Cursor的chat与composer的使用体验分享

经过一段时间的试用,下面对 Composer 与 Chat 的使用差别进行总结: 一、长文本及程序文件处理方面 Composer 在处理长文本时表现较为稳定,可以对长文进行更改而不会出现内容丢失的情况。而 Chat 在更改长的程序文件时,有时会删除…

【笔记】自动驾驶预测与决策规划_Part6_不确定性感知的决策过程

文章目录 0. 前言1. 部分观测的马尔可夫决策过程1.1 POMDP的思想以及与MDP的联系1.1.1 MDP的过程回顾1.1.2 POMDP定义1.1.3 与MDP的联系及区别POMDP 视角MDP 视角决策次数对最优解的影响 1.2 POMDP的3种常规解法1.2.1 连续状态的“Belief MDP”方法1. 信念状态的定义2. Belief …

Latex公式转换编辑网站

https://editor.codecogs.com/ https://www.latexlive.com/home## https://simpletex.cn/ai/latex_ocr https://webdemo.myscript.com/views/math/index.html# 参考 https://latex.91maths.com/ https://web.baimiaoapp.com/image-to-latex https://blog.csdn.net/qq_45100…

注意力机制的目的:理解语义;编码器嵌入高纬空间计算;注意力得分“得到S*V”;解码器掩码和交叉注意力层用于训练;最终的编码器和输出实现大模型

目录 注意力机制的目的:理解语义中的它是小白兔 词编码器嵌入高纬空间 计算注意力得分“得到S*V” 权重QKV:连接权重 训练阶段使用解码器:翻译后的语句 解码器掩码和交叉注意力层用于训练 最终的编码器和输出实现大模型 Transformer模型中,QKV QKV的作用 举例说明…

【万字详解】如何在微信小程序的 Taro 框架中设置静态图片 assets/image 的 Base64 转换上限值

设置方法 mini 中提供了 imageUrlLoaderOption 和 postcss.url 。 其中: config.limit 和 imageUrlLoaderOption.limit 服务于 Taro 的 MiniWebpackModule.js , 值的写法要 ()KB * 1024。 config.maxSize 服务于 postcss-url 的…

【MatLab手记】 --从0到了解超超超详过程!!!

文章目录 MatLab笔记一、命令行窗口二、变量命名规则三、数据类型1. 数字2. 字符与字符串3. 矩阵3.1 矩阵创建3.2 矩阵的修改和删除3.3 矩阵的拼接与重构重排3.4 矩阵的运算方法3.5 矩阵的下标 4. 元胞数组(类似数据容器)5. 结构体 四、逻辑与流程控制五…

实现uniapp-微信小程序 搜索框+上拉加载+下拉刷新

pages.json 中的配置 { "path": "pages/message", "style": { "navigationBarTitleText": "消息", "enablePullDownRefresh": true, "onReachBottomDistance": 50 } }, <template><view class…

IDM扩展添加到Edge浏览器

IDM扩展添加到Edge浏览器 一般情况下&#xff0c;当安装IDM软件后&#xff0c;该软件将会自动将IDM Integration Module浏览器扩展安装到Edge浏览器上&#xff0c;但在某些情况下&#xff0c;需要我们手动安装&#xff0c;以下为手动安装步骤 手动安装IDM扩展到Edge浏览器 打…

AndroidStudio-常用布局

一、线性布局LinearLayout 线性布局内部的各视图有两种排列方式: 1.orientation属性值为horizontal时&#xff0c;内部视图在水平方向从左往右排列。 2.orientation属性值为vertical时&#xff0c;内部视图在垂直方向从上往下排列。 如果不指定orientation属性&#xff0c;…

Pr 入门系列之八:使用关键帧(上)

不论是固定效果、标准效果或是第三方效果&#xff0c;都可以通过改变属性的值来达到效果控制的目的。 任何动画要表现运动或变化&#xff0c;前后至少要给出属性值的两个不同的关键状态&#xff0c;称之为“关键帧” Keyframe。 而中间状态的变化和衔接&#xff0c;则是由计算机…

万字长文解读深度学习——循环神经网络RNN、LSTM、GRU、Bi-RNN

&#x1f33a;历史文章列表&#x1f33a; 深度学习——优化算法、激活函数、归一化、正则化深度学习——权重初始化、评估指标、梯度消失和梯度爆炸深度学习——前向传播与反向传播、神经网络&#xff08;前馈神经网络与反馈神经网络&#xff09;、常见算法概要汇总万字长文解读…

qt QMovie详解

1、概述 QMovie 是 Qt 框架中用于处理动画文件的类。它支持多种动画格式&#xff0c;包括 GIF 和一些常见的视频格式&#xff08;尽管对视频格式的支持依赖于底层平台&#xff09;。QMovie 类主要用于在 QLabel 或 QGraphicsView 等控件中显示动画。通过加载动画文件&#xff…

ip addr show

本文内容来自智谱清言 ip addr show 是 Linux 系统中用于显示网络接口配置的命令。这个命令属于 iproute2 软件包&#xff0c;该软件包在大多数 Linux 发行版中都是预安装的。ip addr show 命令可以用来查看所有网络接口的当前配置&#xff0c;或者指定某个特定接口的配置。 …

【ESP32】ESP-IDF开发 | 低功耗管理+RTC唤醒和按键唤醒例程

1. 简介 ESP32支持5种低功耗模式&#xff0c;低功耗管理单元包括调压器、功耗控制器、电源开关单元、电源域隔离单元 (Isolation Cell) 等部分。 1.1 RTC单元 RTC单元是ESP32低功耗管理的核心&#xff0c;可用于管理低功耗模式的进入和退出&#xff0c;控制时钟源、PLL、电源开…

重学 Android 自定义 View 系列(三):自定义步数进度条

前言 本篇文章主要是实现仿QQ步数View&#xff0c;很老的一个View了&#xff0c;但技术永不落后&#xff0c;开搂&#xff01; 最终效果如下&#xff1a; 1. 结构分析 QQStepView 主要由三个元素组成&#xff1a; 显示一个圆环进度条&#xff0c;通过外环和内环的角度变化来…

Spring中的过滤器和拦截器

Spring中的过滤器和拦截器 一、引言 在Spring框架中&#xff0c;过滤器&#xff08;Filter&#xff09;和拦截器&#xff08;Interceptor&#xff09;是实现请求处理的两种重要机制。它们都基于AOP&#xff08;面向切面编程&#xff09;思想&#xff0c;用于在请求的生命周期…

查缺补漏----用户上网过程(HTTP,DNS与ARP)

&#xff08;1&#xff09;HTTP 来自湖科大计算机网络微课堂&#xff1a; ① HTTP/1.0采用非持续连接方式。在该方式下&#xff0c;每次浏览器要请求一个文件都要与服务器建立TCP连接当收到响应后就立即关闭连接。 每请求一个文档就要有两倍的RTT的开销。若一个网页上有很多引…

C++之vector类的模拟实现

片头 嗨~小伙伴们&#xff0c;今天我们来一起学习关于C的vector类的模拟实现&#xff0c;准备好了吗&#xff1f;咱们开始咯~ 一、基本框架 namespace bit {template<class T>class vector {public:typedef T* iterator;typedef const T* const_iterator;// 针对const修…

流体力学ansys Fluent二次开发scheme_eval模块剖析

在ANSYS Fluent的二次开发中&#xff0c;scheme_eval 是 Scheme 编程语言中一个非常重要的模块&#xff0c;它允许用户执行动态的 Scheme 表达式和函数&#xff0c;从而扩展 Fluent 的功能。scheme_eval 模块通常与 Fluent 的计算和自定义脚本操作紧密结合。下面我们会对这个模…

前端入门一之DOM、获取元素、DOM核心、事件高级、操作元素、事件基础、节点操作

前言 JS是前端三件套之一&#xff0c;也是核心&#xff0c;本人将会更新JS基础、JS对象、DOM、BOM、ES6等知识点&#xff0c;这篇是DOM;这篇文章是本人大一学习前端的笔记&#xff1b;欢迎点赞 收藏 关注&#xff0c;本人将会持续更新。 文章目录 DOMDOM简介1.1、什么是DOM1…