vue3的项⽬结构详解
创建好项⽬之后,在项⽬名称下,刷新,会出现⼀系列的⽬录,那么这些⽬录⼜代表什么意思呢?
如上图,我创建的项⽬名称为ewshop,有三个⼤⽬录:
1. 、node_modules,npm 加载的项⽬依赖模块,配置package.json之后执⾏npm install后⾃动创建的⽂件夹;依赖的包通过
package.json进⾏查看版本;
2. public⽬录: 项⽬公共⽬录,存放静态资源(img、js、css)等公共资源;
public ⽬录下:有两个⽂件:
卤鸡爪的家常做法
(1)favicon.ico 是图标
(2) index.html:在这个⽂件中 对打包的 js 做⼀个引⼊;
4. src :⾥⾯存放的是⾃定义编写的⽂件(项⽬代码主要是在这⾥编写)林丹球拍
src⽬录下的内容:
asts:asts 放的图⽚资源,css等⽂件;
components:⽬录⾥⾯放了⼀个组件⽂件,可以不⽤
勒纳指数router: 路由控制器⽬录,存放路由⽂件;
store:存放的是状态管理vuex;
views:存放的是页⾯组件;
枇杷花app.vue:项⽬⼊⼝⽂件,程序初始运⾏⽂件;
main.js :项⽬的核⼼⽂件。
百花菜
净化心灵5. fig.js ⾥⾯是需要⽤到的插件
6. package.json :项⽬配置信息,依赖模块的定义
7. pack-lock.json:npm install 是按照这⾥的⽂档进⾏安装的电脑分类
8. README.md:项⽬的说明⽂档,markdown 格式
>花之歌