当前位置：网站首页 » 新闻 » 内容详情

vscode制作成网站解读_vscode制作网站实验总结(2024年12月精选)

内容来源：魏巍之巅所属栏目：新闻更新日期：2024-12-01

vscode制作成网站

大模型新趋势：产品独立国庆期间，OpenAI推出的Canvas功能引起了广泛关注。与之前的“ChatGPT”相比，Canvas不仅限于聊天，还能直接编辑文本和代码，甚至使用快捷菜单调试代码、调整文本等。这个功能类似于Claude的artifacts组件，提供了一个独立的窗口。然而，Claude artifacts仅支持通过Claude官网或App使用，在聚合网站如POE或API上并不支持。同样，Google最新推出的NotebookLM也不支持API。有趣的是，谷歌还基于NotebookLM推出了illuminate产品，将论文作为来源，制作成了播客。尽管illuminate是一个独立的产品，但它似乎预示着一种新的产品形态。这可能意味着大模型厂商开始将产品和API（模型能力）正式分离。具体来说，ChatGPT/Claude产品的回答已经优于API回答（在没有复杂prompt工程的情况下），因为产品上设计了一些默认prompt，而API则没有。此外，一些模型的API可能是另一个模型，例如出于成本考虑的优化。在基础模型能力之上，需要产品力让用户更好地使用模型能力。Orange曾说过：这可能是ChatGPT产品团队第一次做出令人惊艳的新功能。这句话似乎表明，模型能力已经进步到一定的阶段，下一步可能是产品力驱动。 GPT功能的推出，在一定程度上抢占了vscode和cursor的生意。底层逻辑是，许多优秀的AIGC产品80%都依赖于模型能力。在没有搭载Claude3.5Sonnet之前的Cursor体验一般。这也说明模型厂商如OpenAI并不想仅仅成为平台或服务提供商，而是希望掌握上下游资源（上游是芯片）。类似illuminate/AI信息流可能是一种新的产品形态。illuminate可能成为一个AI播客平台，而GenAI驱动的信息流新闻也可能成为新的发展方向。API和Super App开始分离，竞争风向也在慢慢发生变化。这个观点还不成熟，期待大家提供更多的讨论。

𐟍𐰟Œ• 探索月饼文化的甜品网页模板 𐟌•𐟍𐊰ŸŽ‰ 欢迎来到月饼文化甜品网页模板！这个精美且富有创意的网页设计，将带你领略月饼的丰富历史和多样文化。𐟎‰ 1️⃣ 首页概览：一进入网站，你就能欣赏到月饼文化的精彩缩影。从历史起源到文化寓意，每一个细节都充满了故事和情感。 2️⃣ 月饼分类：想要了解各种月饼的特色吗？这里为你详细介绍了广式、京式、苏式等多种月饼的起源、特点及代表品种，让你一目了然。 3️⃣ 月饼展示：从莲蓉月饼到冰皮月饼，每一种月饼都有其独特的口感和风味。在这里，你可以一饱眼福，同时也能了解每一种月饼的制作工艺和口味分类。 4️⃣ 制作工艺：想要了解月饼是如何制作的吗？这里详细介绍了传统手工制作和现代工业化生产的过程，让你从原料准备到焙烤冷却都能一探究竟。 5️⃣ 在线交流：如果你有任何疑问或建议，都可以在这里留言。我们会及时回复你，让你的体验更加完美。 𐟔砦Š€术细节：这个网页使用html+css制作，div布局，纯手写代码，编码规范，页面布局简单，方便修改。兼容各大主流浏览器，源码可使用dw、vscode、HBuilder等编码软件打开。 𐟓š 更多成品：想要了解更多网页设计作品？请查看我们的主页！我们也可以根据你的需求定制网页，让你的网站更加独特和个性化。

Cursor 没有做成插件，估值肯定是一方面，毕竟 AI 代码编辑器和 VSCode AI 编程辅助插件给投资方的想象空间是不一样的，对品牌价值也不一样。另外定位也不一样， Cursor 定位是 AI 代码编辑器，VSCode 只是它实现的一个框架，它需要将自己很多产品理念融入其中，你如果对比它和 VSCode 中使用 GitHub Copilot，你可以看到很多不同： - Cursor 把很多和 AI 无关的功能都弱化甚至隐藏了，比如它没有 VSCode 标志性的左侧栏，只在左侧顶部保留了少数几个 Tab，处处凸显 AI 功能 - 你在选中代码后，Cursor 会提示你可以使用 Chat 或者 Edit 对选中的代码进行处理，Copilot 只有少数人知道也可以用 CMD + i （我前几天才知道）唤出对话框 - Cursor 的聊天在右侧常驻，不会和左侧常用的文件列表冲突，随时可以使用 - Cursor 在 AI 修改代码时有修改前后对比，方便审核确认 - Cursor 可以让你精确的控制上下文，而对于 Copilot 是个黑盒子，比如我是看了微软的视频才知道它会把你所有打开的代码Tab按照和当前Tab的远近作为上下文提供 - Cursor 在创建修改文件时，是可以跨文件的，项目全局的修改，而 Copilot 只有局部的修改 - Cursor 会对项目代码和文档做索引，这样可以对代码甚至文档随时快速检索，而 Copilot 似乎不会这样做这里面很多功能单纯靠插件能力恐怕是做不到的，比如整个项目代码和文档的索引、随时 CMD + i 唤出对话框。

小程序制作指南：5步搞定你的小程序 𐟚€ 什么是小程序？小程序，简单来说，就是把网站的功能搬到微信小程序上，利用微信的庞大用户群和便捷生态，让你的应用随时随地可用。 𐟔砥悤𝕥ˆ𖤽œ小程序？相比从头开始开发一个网站，小程序的开发时间更短，成本更低，而且更加灵活。下面是制作小程序的五个步骤： 1️⃣ 注册微信公众平台账号首先，你需要在微信公众平台上注册一个账号，并进行相关认证。如果你已经有公主号，可以直接关联到小程序上。 2️⃣ 选择小程序开发平台市场上有许多小程序开发平台，选择适合自己的。推荐使用有赞，它是一款国内知名的电商小程序开发平台，提供了丰富的模板和营销工具，如优惠券、限时折扣等，帮助商家快速推广。 3️⃣ 设计小程序界面使用开发平台提供的可视化工具，设计小程序的界面。你可以选择现有的模板，也可以根据自己的需求自定义页面。 4️⃣ 开发小程序功能根据需求，开发小程序的各种功能，如商品展示、购物车、订单管理、会员系统等。在开发过程中，可以使用微信开发者工具、VSCode插件、wepy和Taro这些工具来提高开发效率。 5️⃣ 测试和上线开发完成后，进行测试，确保小程序功能正常。然后将小程序提交到微信公众平台，审核通过后，就可以发布上线。 𐟚€ 总结通过以上步骤，你可以轻松制作一个功能齐全的小程序，让你的网站功能更加便捷地为用户服务。

9款AI工具助力网站开发，提升效率！想要开发一个网站但不懂编程？这些AI工具可以帮你从零开始到完成网站开发！ 𐟌ŸCODEIUM - 你的AI编码助手𐟌Ÿ 实时代码补全与生成支持20+种编程语言内置代码解释功能兼容VSCode、JetBrains、Sublime等开发环境自动化代码建议，提升编码效率适用人群：所有编程语言开发者 𐟛᯸SNYK - 安全守护𐟛᯸ 实时漏洞扫描，自动修复安全问题监控npm包，集成GitHub/GitLab 依赖关系分析，节省调试时间适用人群：生产项目开发者，确保项目安全 𐟎蕉ZARD - 设计到代码的魔法𐟎芤𛎨›𞦈–草图生成工作代码 Figma转HTML/CSS/React AI提供组件建议，多个框架导出包含响应式设计，适合快速原型制作适用人群：设计师与前端开发者 𐟏—️DURABLE - 强力网站构建者𐟏—️ 从简单文字描述生成完整网站 AI自动生成专业文案、图片、配色方案内建SEO优化，导出Clean Code 适用人群：快速打造客户站点 𐟓šGITFLUENCE - Git命令小帮手𐟓š 将简单英语转化为Git命令提供命令说明与用例示例解决复杂Git场景，适合Git新手适用人群：初学者及需处理复杂Git操作的开发者 𐟑‚HUMATA AI - 代码耳语者𐟑‚ 与代码库“对话”，轻松理解遗留代码即时记录与多文件分析集成GitHub，节省大量文档阅读时间适用人群：大型代码库开发者 𐟧 KERAS - AI实现变得简单𐟧 快速部署机器学习（ML）功能支持图像与文本处理提供即用型模型与简单语法适用人群：希望快速集成AI功能的开发者 𐟌TENSORFLOW - 企业级AI𐟌 可扩展的机器学习解决方案提供预训练模型与性能优化支持云集成，适合大规模生产环境适用人群：严肃的AI应用开发者（Google、Intel、Twitter等使用） 𐟒ᔁBNINE - 专业版代码补全𐟒ኦ™𚨃𝤻㧠建议，支持多种语言根据编程风格自动学习离线工作，IDE集成适用人群：希望加速编码过程的开发者 𐟚€NETLIFY - 快速部署解决方案𐟚€ 一键部署，自动化性能监控自动SSL设置与CI/CD集成实时分析，优化开发与部署流程适用人群：开发者和运营人员，快速实现项目上线

𐟎‰VSCode使用小技巧𐟎‰ 𐟒𛠥悦žœ你正在使用VS Code进行前端开发，那么这些小技巧你必须知道！ 𐟌 首先，你可以将VS Code的设置调整为中文模式，这样寻找设置时会更加方便。除了通过特定路径设置，还有其他方法可以轻松实现哦！ 𐟓š 在VS Code中，你可以轻松安装各种拓展来增强你的开发体验。比如，你可以安装中文语言包，将显示语言更改为中文（简体），这样在使用VS Code时，菜单栏的英文就会变成中文啦！ 𐟔 当你打开VS Code时，如果页面右下角有提示，直接点击就可以进行语言包的安装。如果没有提示，你也可以通过搜索框输入“Chinese”来找到中文语言包进行安装。 𐟚€ 安装完成后，重启VS Code，你就会发现菜单栏的英文都变成中文了！是不是很方便呢？ 𐟌Ÿ 这些小技巧虽然简单，但却能大大提升你的开发效率。快来试试吧！

前端新手常见问题及解决方案总结嘿，刚入门前端的小伙伴们，是不是在学习和工作中遇到了一些问题？别担心，我总结了一些新手前端常见的坑，希望能帮到你们。环境配置？𐟛 ️ 首先，环境配置是必须的！你需要安装VSCode、Node、Git和Postman等工具。别第一天拿到新电脑就傻眼了，官网下载就行，下载慢的话可以用镜像。拉代码的时候也要注意，比如我自己就遇到4个人说拉main分支里只有readme，所以一定要问清楚拉哪个分支，在哪个分支开发，要不要新建分支。项目跑不起来/报错？𐟚芥悦žœ项目跑不起来或者报错，先看报错信息能不能自己解决。不行的话，删掉node_modules重新npm安装，再不行就复制报错信息百度。记住，从哪里开始报错就从哪里开始复制！千万别一遇到问题就截图问同事领导。另外，CSDN这个网站新手用完全够用，多基础的问题都会有人问，搜就完事了。设计图没法还原/样式达不到效果？𐟎芨›𞦲ᦳ•还原或者样式达不到效果？试试把背景色或者颜色设成一些鲜艳的颜色，比如pink、red、green慢慢调。熟练了之后就不需要了。熟悉几个常用的组件库也能帮你省不少事，比如element ui、ant design、vant和iconfont等。代码报错/不生效？⚙️ 大部分的报错信息本身就告诉你该怎么做了！还是复制报错信息去查。代码不生效的话，用打印大法，分别在调用前、调用中和调用后打印，就知道问题出在哪了。接口返回报错/数据不对？𐟓‰ 可以先用Postman测试一下接口，因为Postman更简单直观，能帮你排除拼写错误等问题。没思路/不会做？𐟤” 被分到没思路的任务时，千万别直接拒了。可以问一下有没有之前的例子，直接拉别人的代码看看。其实新手提高编码水平一大部分靠的是模仿。不会封装函数，就看别人怎么封装的；有工具不会用，就看别人怎么用的；不会配脚手架，就在Git里拉一个之前的项目依样画葫芦，总不会出什么大差错。希望这些小建议能帮到你们，祝大家学习顺利，工作开心！𐟒ꀀ

𐟌Ÿ女性嵌入式硬件工程师的职场与学习之路𐟌Ÿ 在科技领域，女性同样能够展现出卓越的才华。作为一名转岗四个月的嵌入式硬件工程师，我想分享一些我的学习心得。 𐟔砦ŽŒ握C语言作为硬件工程师，C语言是基础中的基础。它不仅用于编写固件，还是理解硬件与软件接口的关键。 𐟒𛠥�𙠥•片机在掌握了C语言之后，接下来就是单片机的学习。可以从51单片机开始，逐步过渡到STM32。常用的功能包括GPIO、ADC以及串口、SPI、IIC等通讯协议。 𐟛 ️ 掌握小工具在实际工作中，经常需要制作连接器的线缆，这涉及到压线拨线等操作。在这个过程中，各种钳子和小工具的使用是必不可少的。 𐟖寸掌握软件工具硬件工程师需要使用多种软件，如编程软件和绘图软件。AD和VScode是常用的工具。通过网上丰富的视频教程，可以快速掌握这些软件的使用。 𐟔젦ŽŒ握仪器设备硬件工程师最常用的仪器包括示波器和万用表。通过结合视频教程和自己的动手实践，很快就能掌握这些仪器的使用。 𐟒ꠦŒ续学习成为一名优秀的硬件工程师需要不断学习和实践。通过持续的努力，我相信每个女性都能在科技领域展现出自己的才华。

PVE一年体验：稳如老狗！距离安装我的PVE All in One 已经过去一年多了，期间经历了不少折腾。从升级主板和CPU，到更换电源和安装各种硬盘，再到更换风扇和搬家，这台机器几乎成了我工作和生活的重要伙伴。通过ZeroTier组网，它不仅是我的工作站，也是我的HomeLab。 𐟒𛠧ᬤ𛶥𙳥𐯼š CPU: AMD 5900X 主板：微星 MEG B550M 暗影内存：光威天策 32G DDR4 x 4 显卡： GTX1080Ti 硬盘：三星870EVO 500G + 铭瑄 PCIE4.0 4TB + 宏碁掠夺者 PCIE4.0 4TB + SN640 + 三星PM1725b 𐟖寸系统架构： Host: PVE8虚拟化（安装在三星870EVO上） Windows11: 显卡直通和USB端口，主要用于玩游戏。虽然显卡有点老，但也将就着通关了黑神话 Windows-dev: 偶尔用来测试的Windows开发环境 Ubuntu1: 主力开发环境，日常使用VSCode Remote远程开发 Ubuntu2: Kubernetes集群，部署一堆SelfHosted工具 OpenWRT: 虚拟机中的网关。必装ZeroTier和Clash 这一年多的使用体验让我对这台PVE All in One 有了更深的了解，也积累了不少经验。虽然中间遇到了一些小问题，但总体来说，这台机器的表现还是非常稳定的。希望它能陪我走得更远，探索更多的可能性。

VSCode刷题，效率翻倍！你还在用LeetCode的网站刷题吗？难怪你的刷题效率总是提不上去！今天我来教你如何在VSCode里配置LeetCode插件，让你的刷题效率瞬间飙升！ 𐟔” 插件配置：首先，打开VSCode，点击左侧的extensions图标，然后搜索“LeetCode”插件并安装。安装完成后，按Shift+Ctrl+P打开插件搜索栏，输入“LeetCode”，选择第一个“sign-in”选项。建议选择LeetCode的US区。 𐟓Œ 插件使用： LeetCode插件的使用非常简单。打开插件后，你可以看到所有的题目。点击某个题目，插件会自动加载题目的详细信息。已经通过的题目会显示绿色的勾。要做题时，点击“Show Problem”，然后选择你需要的语言，比如Python3。VSCode会自动为你打开一个分屏，你可以一边看题目一边写代码。 ✅ 插件的另一个大优点是，它根据各大厂的不同LeetCode面试题做了分类。比如，如果你想准备Amazon的面试，只需专攻Amazon标签下的题目即可。现在，你已经可以摆脱网页版，开始愉快地在VSCode里刷题啦！𐟎‰

专栏内容推荐

1204 x 781 · png
【开发环境】VSCode 开发环境 ( 下载安装 VSCode | 使用 VSCode | 资源管理器 | 生成 HTML 骨架代码 | 设置 ...
素材来自:blog.csdn.net
600 x 400 · jpeg
vscode制作网页个人简介_vscode网页设计 - 陕西卓智工作室
素材来自:sxzzgzs.com

1634 x 863 · png
前端必备的开发工具推荐——VScode代码编辑器_国服第二切图仔的博客-CSDN博客_vscode写前端
素材来自:blog.csdn.net

4223 x 2377 · png
【体验云开发】vscode online编辑器在线写代码 - 掘金
素材来自:juejin.cn

2880 x 1562 · png
VScode网页版的使用-CSDN博客
素材来自:blog.csdn.net

1322 x 393 · png
vscode创建工作区及生成html模板_vscode自带前端模板-CSDN博客
素材来自:blog.csdn.net

1280 x 720 · jpeg
Vscode快速生成代码模板 - YouTube
素材来自:youtube.com

1272 x 418 · png
vscode创建工作区及生成html模板_vscode自带前端模板-CSDN博客
素材来自:blog.csdn.net

1500 x 960 · png
【前端】 Vscode 搭建基础开发环境_vscode前端开发环境搭建-CSDN博客
素材来自:blog.csdn.net
1305 x 870 · png
VSCode免費跨平臺網頁編輯工具 - Web4Theme
素材来自:web4theme.com

1919 x 940 · png
搭建网页vscode服务器Code-Server_vscode server-CSDN博客
素材来自:blog.csdn.net

598 x 166 · png
vscode网页版的正确打开方式-腾讯云开发者社区-腾讯云
素材来自:cloud.tencent.com

素材来自:youtube.com

928 x 462 · png
vscode创建工作区及生成html模板_vscode自带前端模板-CSDN博客
素材来自:blog.csdn.net

800 x 320 · jpeg
How to create html project in vscode-VSCode-php.cn
素材来自:php.cn

854 x 667 · png
5.VSCode工具创建页面_vscode 画单页面-CSDN博客
素材来自:blog.csdn.net
2123 x 1308 · jpeg
前端开发工具-VScode下载及VScode配置使用教程 - 思酷素材(sskoo.cn)
素材来自:sskoo.cn

1856 x 1392 · png
上课摸鱼必备 -- Vscode网页版的搭建教程_vscode建网页-CSDN博客
素材来自:blog.csdn.net
1869 x 993 · png
服务器上搭建网页版vscode|一站式搭建附各种问题解决|nginx反向代理实现域名登陆|域名注册解析|搭配ipad使用_csdn建立 ...
素材来自:blog.csdn.net

836 x 536 · png
vs code编写web项目_vscode创建web项目-CSDN博客
素材来自:blog.csdn.net
2880 x 1754 · png
vscode新建html文件并运行_怎么在vscode新建名为index.html-CSDN博客
素材来自:blog.csdn.net

1920 x 1033 · png
Windows下VSCode开发及运行Web程序环境配置_vscode配置web开发环境-CSDN博客
素材来自:blog.csdn.net

1095 x 657 · png
VSCode前端开发工具介绍、下载和安装（从头到尾）_visual studio code开发工具简介-CSDN博客
素材来自:blog.csdn.net
1354 x 971 · png
搭建网页vscode服务器Code-Server_vscode server-CSDN博客
素材来自:blog.csdn.net

893 x 411 · png
5.VSCode工具创建页面_vscode 画单页面-CSDN博客
素材来自:blog.csdn.net

2154 x 1319 · png
亲自体验了vscode网页版开发代码并提交代码到github代码库，发现出奇的流畅，手机和平板也可以很愉快的编写代码了_vscode网页版好用 ...
素材来自:blog.csdn.net
600 x 400 · jpeg
vscode怎么快速生成骨架_vscode怎么快速生成代码 - 陕西卓智工作室
素材来自:sxzzgzs.com

597 x 463 · jpeg
前端初学者进阶步骤——VScode的安装 - 知乎
素材来自:zhuanlan.zhihu.com
1204 x 725 · png
vs code 快速生成html模板插件_vscode自动生成html模板插件-CSDN博客
素材来自:blog.csdn.net

1899 x 850 · png
VSCode前端开发工具介绍、下载和安装（从头到尾）_visual studio code开发工具简介-CSDN博客
素材来自:blog.csdn.net

861 x 302 · png
VScode页面开发_vscode网页-CSDN博客
素材来自:blog.csdn.net

1600 x 1000 · png
上课摸鱼必备 -- Vscode网页版的搭建教程_vscode建网页-CSDN博客
素材来自:blog.csdn.net
594 x 463 · jpeg
前端初学者进阶步骤——VScode的安装 - 知乎
素材来自:zhuanlan.zhihu.com

1738 x 682 · png
vscode 快速生成html模板代码的几种方式_vscode快速生成html-CSDN博客
素材来自:blog.csdn.net

937 x 621 · png
How to preview web pages in vscode-VSCode-php.cn
素材来自:php.cn

素材来自:查看更多內容

当前用户设备UA：Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)