文件夹:.idea
【说明】:软件"IDEA"管理项目时自动生成的,可以无视;
文件夹:node_modules
【说明】:当前项目所需的依赖项(自己不要操作);
【注意】:
- 此文件夹不会提交到
git
,若需要的话用以下方式下载;- 若没有\缺失,可以在"Terminal"输入"npm install"来下载;
文件夹:public
【说明】:
- 是当前项目启动后的根路径,可存放各种资源(如
.css
、.js
、.jpeg
);- 若此文件夹下有
"1.jpg"
,则可通过"http://loaclhost:8080/1.jpg"
查看;
文件:favicon.ico
【说明】:项目的图标,每个项目在(编译后的)根目录下有此文件,会在浏览器中显示;
文件:index.html
【说明】:当前项目的页面,在
"Vue CLI"
项目中有且仅有一个"HTML页面"
;
文件夹:src
文件夹:assets
【说明】:资源文件夹,用于存放静态资源(如
.css
、.js
、jpeg
)【注释】:反正就是存放不随程序运行而变化的文件(如:
logo.png
);
文件夹:components
【说明】:存放视图组件(被其他视图组件调用的),是可能被复用的组件,并且在不同的调用中,传入的参数可以不同;
文件夹:router
文件:index.js
【说明】:路由配置文件,主要配置访问路径与视图组件的对应关系;
文件夹:store
文件:index.js
【说明】:存储共享的量的文件;
文件夹:views
【说明】:用于存放视图组件;
文件:APP.vue
【说明】:是
"index.html"
默认加载的视图文件;
文件:main.js
【说明】:当前项目的主
".js"
文件,通常用于管理一些配置;【注释】:如:添加了某些依赖项(如:
Element U
I)后,可能需要在此处导入,才可以使得各".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"
文件的配置文件,通常不用关心(不要操作);