vue文件目录详解_曲调响起琴声悠扬的博客-程序员宅基地_vue文件

技术标签: vue  前端  

.husky:husky是一个为git客户端增加hook的工具
.vscode
biuld:vite的配置,项目打包时候的配置
mock:mock数据
node_modules:node的一些基础依赖包,可能还有拓展的安装的别的插件
public
src:项目的主文件夹
    assets:资源文件
    components:vue组件
    componens 下的**.vue文件就可以具体编写每一个vue,
    最后通过router-link 连接给定的path路径,可以调用vue对象
    router:设置路由,指定路由对应的组件
    router/index.ts中  main.ts中的router是通过router文件映射,
    而router下的index.ts是项目链接的关键,
    通过设置路径将components中的vue文件关联起来
    main.ts 项目的主ts,全局使用的各种变量、ts、插件都在此定义和引入;
    main.ts中 整个项目先加载src里的main.ts,通过里面的app元素生成vue对象,
    再将router里面的路由加载进去,结果在app的vue中呈现,
    app.vue项目的入口文件
    store:放置vuex需要的状态关联文件,设置公共的state等
    vuex是一个专为vue.js应用开发的状态管理模式,集中式存储管理应用的所有组件的状态
test:测试文件目录

.editorconfig:自定义文件,该文件用来定义项目的编码规范,
    编辑器的行为会与.editorconfig文件中定义的一致
.env:全局默认配置文件,无论什么环境都会加载合并
.env.development:开发环境下的配置文件

.eslintignore:指定忽略的文件
    vue项目中带eslint校验,提交代码时遇到会报错
.eslintrc.js:eslintrc的配置文件,vue项目自带的文件,各个eslint配置项的作用;
    ESlint是一个检查代码的工具
.gitignore:可以避免在提交代码时把我们不想上传的文件提交到git中
LICENSE:开源协议的说明
package.json:记录作者、项目入口、项目描述、项目依赖等相关信息
pnpm-lock.yaml:记录详细的依赖版本
postcss.config.js:插件,利用js插件对CSS进行转换
prettier.config.js:配置文件,保持代码风格统一

README.md:项目用的到的所有插件的json格式

stylelint.config.js:让CSS样式代码在编辑、保存、提交git的时候按规范进行检查及美化
tsconfig.json:配置文件

 

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_42636335/article/details/121794087

智能推荐

java objectid_需要一种解决方法来查找objectID foreignField的字符串_就好了呀的博客-程序员宅基地

我是mongodb的新手,目前我正面临着这个问题,db.medical_records.aggregate([{"$group": {"_id": {"disease_id": "$disease_id" //a string}, "count": { "$sum": 1 }}},{"$addFields": {"disease_id": { "$toObjectId": "$disease_id...

上海大学计算机组成原理12,上海大学计算机组成原理报告1.doc_衡壹的博客-程序员宅基地

上海大学计算机组成原理报告1上海大学 计算机学院《计算机组成原理实验》报告1姓名 学号时间 2016.12.14 机位 1 指导教师 刘学民2.掌握各寄存器结构、工作原理及其控制方法。二、实验原理寄存器的作用是用于保存数据的,由于我们的模型机是8位的,因此在本模型机中大部寄存器是8 位的,标志位寄存器(Cy, Z)是二位的。CP226实验仪用74HC57...

136. Single Number_SP独坐的博客-程序员宅基地

Given an array of integers, every element appears twice except for one. Find that single one.Note:Your algorithm should have a linear runtime complexity. Could you implement it without using extra

VC2010 使用teechart绘制风向玫瑰图_lingyunyaner的博客-程序员宅基地

利用teechart绘制风向玫瑰图,使用的是teechart 8步骤:1.注册 teechart 8.ocx,直接在运行窗口输入:regsvr32 TeeChart8.ocx;2.添加控件及所需要的类,定义变量名;3.双击控件,添加序列,在other里选择Wind Rose;4.设置Wind Rose 点、线、以及背景的颜色;5.从数据库中读取数据,添加数据,AddXY(角

Mellotron:Multispeaker expressive voice synthesis by conditioning on rhythm, pitch and global style_林林宋的博客-程序员宅基地

单位:nvidia时间:2019-10abstract在Tacotron-GST的基础上进行改进 ,可以完成多说话人语音合成。可以精确的控制生成各种风格的语音。并且训练的时候只需要read speech data,并且不需要text和audio的对齐。introduction想要语音合成特定风格的语音,必须要有对应的训练数据。但是这样比较难以获得,因此我们提出一种不需要这类数据也能进行风...

怎么无法识别计算机评分,电脑阅卷,多少孩子吃亏在字上?电脑根本识别不了!..._小呀么小花狸的博客-程序员宅基地

原标题:电脑阅卷,多少孩子吃亏在字上?电脑根本识别不了!在小编的印象中,每年高考成绩出来那天,总有人觉得委屈,感觉实际分数不如自己考完对答案得出的分数高。那么,问题到底出在哪儿呢?其中一个重要原因是,电脑阅卷比人工阅卷的要求更高。自从高考采用“电子阅卷”,对考生的书写规范和答题习惯就有了更多的要求。你知道吗,在计算机中阅读扫描后的答题卡,完全没有你亲眼看到的那么清晰。今天,小编就带大家了解一下电脑...

随便推点

CVE-2021-1675: Windows Print Spooler远程代码执行漏洞_士别三日wyx的博客-程序员宅基地_printspooler漏洞

** 赶紧点击上方话题进行订阅吧!** 报告编号:B6-2021-062902 报告来源:360CERT 报告作者:360CERT 更新日期:2021-06-29 1 漏洞简述 2021年06月29日,360CERT监测发现安全研究人员在GitHub上...

【如何从DLL中导出C++类及接口】_weixin_34405332的博客-程序员宅基地

HowTo: Export C++ classes from a DLL本文粘贴自 CodeProject - HowTo-Export-C-classes-from-a-DLL 。鉴于国内网上针对“DLL 接口导出”的相关文章众说纷纭,没有一个系统的归纳,因此决定将本文粘贴过来。文章主要阐释了三种从 DLL 中导出 C++ 类及接口的方法,在 DLL...

BOM/DOM 新手必备知识(Java修仙体系结丹境)_烟雨红尘客的博客-程序员宅基地

BOM/DOM 新手必备知识BOM:Browser Object Model 浏览器对象模型就是将浏览器窗口的各个部分封装为对象,并且可以通过脚本语言进行控制。里面有很多的对象windows:窗口对象Navigator:浏览器对象,不讲解Screen:显示器屏幕对象,不讲解History:历史记录对象Location:地址栏对象下面我们进行一一讲解Windows 对象注意,所有的 JS 代码,最好在下面这个方法的方法体中写,这个代表等当前元素加载完后在进行脚本操作,不然有些图片还

java 泛型嵌套泛型_Java泛型的其他应用——泛型接口、泛型方法、泛型数组以及泛型的嵌套设置..._俗世情僧的博客-程序员宅基地

class Info{// 指定上限,只能是数字类型private T var ;// 此类型由外部决定public T getVar(){return this.var ;}public void setVar(T var){this.var = var ;}public String toString(){// 覆写Object类中的toString()方法return this.var.to...

VI配置成多语言IDE(带完整附件)_weixin_34380948的博客-程序员宅基地

vim是一款支持插件、功能无比强大的编辑器,无论你的系统是linux、unix、mac还是windows,都能够选择他来编辑文件或是进行工程级别 的coding。如果能把vim用好了,编程效率能得到大幅度提高,而且vim的通用和轻量,更能让你做各种语言编程时爱不释手。下面就让我来介绍一下怎样一步一步将vim配置成各开发语言通用的IDE。vim有丰富的插件,大家可以去http://www.vim.o...

推荐文章

热门文章

相关标签