【Web - 框架 - Vue】随笔 - Vue CLI - 快速上手-解析Vue CLI项目

时间:2024-03-17 10:29:51

文件夹:.idea

【说明】:软件"IDEA"管理项目时自动生成的,可以无视;

文件夹:node_modules

【说明】:当前项目所需的依赖项(自己不要操作);

【注意】:

  1. 此文件夹不会提交到git,若需要的话用以下方式下载;
  2. 若没有\缺失,可以在"Terminal"输入"npm install"来下载;

文件夹:public

【说明】:

  1. 是当前项目启动后的根路径,可存放各种资源(如.css.js.jpeg);
  2. 若此文件夹下有"1.jpg",则可通过"http://loaclhost:8080/1.jpg"查看;
文件:favicon.ico

【说明】:项目的图标,每个项目在(编译后的)根目录下有此文件,会在浏览器中显示;

文件:index.html

【说明】:当前项目的页面,在"Vue CLI"项目中有且仅有一个"HTML页面"

文件夹:src

文件夹:assets

【说明】:资源文件夹,用于存放静态资源(如 .css.jsjpeg)

【注释】:反正就是存放不随程序运行而变化的文件(如:logo.png);

文件夹:components

【说明】:存放视图组件(被其他视图组件调用的),是可能被复用的组件,并且在不同的调用中,传入的参数可以不同;

文件夹:router
文件:index.js

【说明】:路由配置文件,主要配置访问路径与视图组件的对应关系;

文件夹:store
文件:index.js

【说明】:存储共享的量的文件;

文件夹:views

【说明】:用于存放视图组件;

文件:APP.vue

【说明】:是"index.html"默认加载的视图文件;

文件:main.js

【说明】:当前项目的主".js"文件,通常用于管理一些配置;

【注释】:如:添加了某些依赖项(如:Element UI)后,可能需要在此处导入,才可以使得各".vue"文件可以使用这些依赖项;

文件:.gitignore

【说明】:用于配置哪些文件和文件夹不会提交到"git",如果此项目不提交到"git",则此文件没用;

文件:babel.config.js

【说明】:"Babel"的配置文件,通常不用关心(不需要操作);

文件:jsconfig.json

【说明】:".js"文件的配置文件,通常不用关心(不需要操作);

文件:LICENSE

【说明】:许可证协议文件,默认的项目中通常没有此文件,在"git"上公开的项目通常都包含此文件;

文件:pakcage.json

【说明】:主要配置当前项目的依赖项和项目的编译打包等配置,通常不建议手动修改;

文件:package-lock.json

【说明】:自动管理的配置文件,通常不建议手动修改;

文件:README.md

【说明】:此项目的说明文件,如果此项目提交到"git",通常会显示在"git"的此项目的主页;

【注释】:通常应该在此文件中对项目进行必要的描述(如何配置此项目、如何启动此项目、相关的注意事项等);

文件:vue.config.js

【说明】:".vue"文件的配置文件,通常不用关心(不要操作);