vue3的项目结构详解

更新时间:2023-07-10 05:59:57 阅读: 评论:0

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 格式
>花之歌

本文发布于:2023-07-10 05:59:57,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/82/1088619.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:存放   依赖   模块   配置   定义   路由
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图