使用npx nuxi init创建的Nuxt3项目中pages等文件夹不可见求助
Nuxt3项目初始化后无pages/components/stores文件夹的解决方法
- Nuxt3通过
npx nuxi init nuxt-app创建的是极简初始化项目,默认不会生成pages、components、stores这类文件夹,这是框架的设计逻辑——采用约定式开发,当你创建对应文件夹/文件后,Nuxt会自动识别并启用相关功能。 - 手动创建所需文件夹即可:
- 创建
pages/文件夹,在其中添加index.vue(或其他页面文件),重启开发服务器后,约定式路由会自动生效 - 创建
components/文件夹,放入组件文件后,Nuxt的自动导入功能会让你在页面中直接使用组件,无需手动导入 - 如果需要状态管理,创建
stores/文件夹(注意是复数形式),添加Pinia模块文件,Nuxt会自动注册Pinia实例
- 创建
- 若确认文件夹已创建但VSCode仍不显示:
- 检查VSCode设置中的
files.exclude配置,确认未将这些文件夹设为隐藏 - 查看项目根目录的
.gitignore文件,确认没有误添加这些文件夹的忽略规则
- 检查VSCode设置中的
内容的提问来源于stack exchange,提问作者Deejay Super
相关产品推荐
相关产品推荐

