Vue目录结构介绍，关于ESlint

最新推荐文章于 2024-08-14 18:44:30 发布

ᝰꪶꪮડꫀ²⁰.525

最新推荐文章于 2024-08-14 18:44:30 发布

阅读量211

点赞数 1

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_59127121/article/details/126760096

版权

本文介绍了如何利用ESLint确保代码规范，探讨了项目结构，包括公共文件、src目录、App.vue、组件管理和静态资源的组织。重点讲解了如何将静态资源分为public和src/assets两部分，并提供了ESLint错误示例及规则链接。

摘要由CSDN通过智能技术生成

public：不需要去改动现有的文件，里面存放的是浏览器访问的入口文件（index.html）
src（后期很多操作都在这个目录中完成）
- main.js：项目/程序入口文件（该文件中JavaScript代码都会被执行）
- App.vue：根组件（万物之根）
- components：存放自定义的功能组件（涉及到业务逻辑）
- assets：静态资源目录（图片、视频、音频等就是静态资源），这里面的静态资源浏览器是无法直接访问的，而是给组件通过模块化的方式导入进组件使用的。
  - 项目中的静态资源有2个地方可以放
    - public：供在public/index.html中直接引入（link标签、script标签）的
    - src/assets：供单文件组件导入时需要的静态资源文件（import ...）
- views：（当前是没有的，但是后期要用）存放视图组件的（只是涉及到页面的布局排版）
关于ESlint

ESlint用于规范项目的编码，大型项目一般多人开发，为了避免一些个人编程恶习坑自己坑别人，项目中使用了ESlint会起到紧箍咒的作用，强制开发人员注意代码规范。例如，在不使用ESlint的情况下，JS允许我们声明一个不变量但不使用。如果使用了ESlint，在上述情况下会报错如下：

关于ESlint的报错，有一份错误参照，可以访问以下地址查看：List of available rules - ESLint中文

关注