cau_eric的专栏

本文介绍了一个基于Vue3的天气应用开发项目，主要特点包括： 使用现成的VueWeatherUI组件库，该库集成了和风天气API并支持暗黑主题，提供天气卡片、24小时预报、7天预报和历史时间线等核心组件。 详细说明了项目创建步骤： 安装vue-weather-ui和axios依赖 通过OpenWeatherMap API获取天气数据 提供完整的数据转换函数，将API数据转换为组件所需格式 包含完整的代码示例，展示了如何获取和转换天气数据，并渲染WeatherCard和DailyForecast组件。 强调需

本文介绍了如何在Vite项目中修改默认端口号。通过修改vite.config.js文件中的server.port配置，可以更改开发服务器的监听端口（如改为3000）。若想实现不带端口号访问网页，只需将端口号设为80即可。文中还提到可通过设置server.open为true实现自动打开浏览器的功能。这种方法简单易行，能有效解决默认5173端口带来的访问不便问题。

本文介绍了如何用Vue 3创建一个简单的计数器组件。通过Vue单文件组件结构（template、script、style三部分），实现了一个点击按钮数字自增的功能。核心要点包括：使用ref创建响应式数据count，通过@click绑定点击事件，用双花括号{{count}}显示数据，并通过scoped样式实现组件样式隔离。整个过程展示了Vue的响应式原理：数据变化自动触发界面更新。最终效果是一个带基础样式的按钮，点击后显示的数字会逐步增加。

本文介绍了如何使用Vue 3创建一个功能完善的计算器应用。首先通过npm create vue@latest命令搭建项目环境，然后提供了一个完整的App.vue实现代码。该计算器包含基础四则运算、正负号切换、百分比转换等功能，具有表达式显示、防错处理、除零保护等用户体验优化。代码采用<script setup>语法组织响应式数据和业务逻辑，包含数字输入、运算符处理和计算结果等核心方法。文章还提供了美观的CSS样式，实现了响应式布局，并建议了进阶功能如键盘支持（已给出实现代码）。这个示例完整展示了

（推荐 v16 或更高版本）-✔ TypeScript?（推荐 VS Code）（状态管理，暂不需要）（稍后做多页面需要）