我们脚手架生成的项目打开之后看到有默认的示例效果，这些示例我们开发的时候肯定是不需要的，所以我们要把它清除掉，让项目变成一个干净的没有任何东西的空项目，我们才能开始开发自己的项目。
![图片[1]-项目04——Vue项目之初始化（删除示例文件）-智码星河](http://wx234.cn/wp-content/uploads/2024/09/20240921102636125-1.jpg)
那，项目文件那么多，该删哪个呢？
直接删除这三个文件
![图片[2]-项目04——Vue项目之初始化（删除示例文件）-智码星河](http://wx234.cn/wp-content/uploads/2024/09/20240921102719508-2.jpg)
然后你发现项目报错了，是因为在路由文件里面使用了这三个文件，你把它删了，路由就找不到了，就报错了。
![图片[3]-项目04——Vue项目之初始化（删除示例文件）-智码星河](http://wx234.cn/wp-content/uploads/2024/09/20240921102757499-3.jpg)
那么我们先去路由文件里面把对应用到这三个文件的代码删了
![图片[4]-项目04——Vue项目之初始化（删除示例文件）-智码星河](http://wx234.cn/wp-content/uploads/2024/09/20240921103652787-4.jpg)
把红框的都删除了
![图片[5]-项目04——Vue项目之初始化（删除示例文件）-智码星河](http://wx234.cn/wp-content/uploads/2024/09/20240921103732976-5.jpg)
此时，打开是这样的
![图片[6]-项目04——Vue项目之初始化（删除示例文件）-智码星河](http://wx234.cn/wp-content/uploads/2024/09/20240921103811772-6.jpg)
把这个也删了，这个在App.vue文件里面，把id为nav的删了，样式全部删了
![图片[7]-项目04——Vue项目之初始化（删除示例文件）-智码星河](http://wx234.cn/wp-content/uploads/2024/09/20240921104123332-7.jpg)
![图片[8]-项目04——Vue项目之初始化（删除示例文件）-智码星河](http://wx234.cn/wp-content/uploads/2024/09/20240921104204943-8.jpg)
到此，项目就是一个干净空白的了，你可以开始自己的开发了
![图片[9]-项目04——Vue项目之初始化（删除示例文件）-智码星河](http://wx234.cn/wp-content/uploads/2024/09/20240921104426548-9.jpg)
本站代码模板仅供学习交流使用请勿商业运营，严禁从事违法，侵权等任何非法活动，否则后果自负！
WX234.CN
暂无评论内容