继上次的vibe coding手搓的一个网站之后，我又尝试了一下效率更高的方式给做了一个网页作品集，这一次我用到了trae，不过这种方式更适合设计师或者有设计基础的小伙伴，下面分享一下使用的一些步骤和注意事项： （开头准备）自己已经将网页每个部分的布局设计好，然后所需要的图片素材也都准备齐全。 1.新建一个文件夹，我就命名为“my-portfolio”，然后在此文件夹下分别新建两个文价夹命名为“images”和“reference”，images文件夹里放置你准备的图片素材（最好给每个素材都明确命名一下，避免搞乱了），reference文件夹里放你设计好的网页提供给AI参考的图。 2.打开trae solo桌面版，切换到work模式，新建任务并选择“my-portfolio”文件夹，然后告诉他你要做一个什么样的网页，大概的网页分布情况说明一下，或者有什么想要实现的交互也说明一下，最后说设计参考放在reference文件夹，网站上对应的图片素材放在images文件夹。这样会快速的生成更接近你想法的网页，里面会有一些细节不好或者有要调整的可以直接截图告诉它要怎么调整。 3.网页代码结束后，使用github来进行发布即可。 网站可以告别文件的大内存烦恼，还能给你额外加分，不过好像加载稍微有些慢。 #vibecoding #网页设计 #AI工具 #编程 #trae #作品集 #设计师 #插画师 #商业设计 #vibecoding大赏