Vue文件名详解

node_modules

node_modules存储第三方模块
node_modules是安装node后用来存放用包管理工具下载安装的包的文件夹。比如webpack、gulp、grunt这些工具。在node.js中模块与文件是一一对应的,也就是说一个node.js文件就是一个模块。文件内容可能是我们封装好的一些JavaScript方法、json数据、编译过的C/C++拓展等,在关于node.js的误会提到过node.js的架构。其中http、fs、net等都是node.js提供的核心模块,使用C/C++实现,外部用JavaScript封装。require搜索module方式。

public

public 放公共资源的地方
有关Vue中public文件夹的作用

.browserslistrc文件

在使用脚手架搭建项目时,会自动生成.browserslistrc文件,该文件是配置兼容浏览器

配置参数解释:
“1%”:代表全球超过1%的人使用浏览器
“last 2 versions”:代表所有浏览器都兼容到最后两个版本
“not dead”:是指24个月内没有更新与维护的浏览器。

.gitignore

.gitignore文件的作用:定义忽略提交的文件
就是提交Git仓库时,告诉Git哪些文件不用添加到版本管理中

.gitignore 文件用来忽略被指定的文件或文件夹的改动,被记录在.gitignore文件里的文件或文件夹,是无法被 git 跟踪到的,换句话说,被忽略的文件是不会被放入到远程仓库里的。
也就是说,如果文件已经存在于远程仓库中,是无法通过 .gitignore 文件来忽略的。

.gitignore文件详解
1、所有空行或者以注释符号 # 开头的都会被Git忽略

以井号(#)开头的行是注释,将被忽略,空行可用于提高文件的可读性并对相关的模式行进行分组

  1. “# 忽略编辑器配置目录”
  2. /.idea
  3. /.vscode

2、/ 开头或结尾的忽略
/ 位于头部的作用是只忽略当前目录下的内容;/ 放在尾部的作用是只忽略目录,而不忽略文件

头尾都没有 /
(忽略当前目录及下级目录中所有的 runtime,runtime 文件或目录都会被忽略)
runtime
前面有 /
(只忽略当前目录中的 runtime 文件或目录,不忽略下级目录中的 runtime 文件或目录)
/runtime
后面有 /
(只忽略当前目录和下级目录中的 runtime 目录,不忽略当前目录和下级目录中的 runtime 文件)
runtime/
头尾都有 /
(只忽略当前目录中的 runtime 目录)
/runtime/

3、glob 模式匹配忽略
在 .gitignore 文件中可以使用标准的 glob 模式匹配
以星号 * 通配多个字符

(忽略 vendor 目录下的所有文件)
/vendor/*
(忽略所有后缀名为 txt 的文件)
*.txt

以问号 ? 通配单个字符

(忽略文件名称为一个字符, 后缀名为 php 的文件)
?.php

以方括号 [ ] 包含单个字符的匹配列表

(忽略 125.php、135.php文件)
1[23]5.php

以叹号 ! 表示不忽略(跟踪)匹配到的文件或目录
!!!【注意项】注意写法 要忽略的文件夹一定要结尾 /* ,否则不忽略规则将无法生效

1.(忽略vendor目录下的所有文件)
/vendor/*
2.(不忽略vendor目录下的 1.php,在已忽略的文件夹中不忽略指定文件)
!/vendor/1.php
3.(不忽略vendor目录下 dev目录,在已忽略的文件夹中不忽略指定文件夹)
!/vendor/dev

4、.gitignore 全局忽略
git 允许创建全局 .gitignore 文件,所有本地 git 仓库都将遵守全局的忽略规则。

该文件的名称和位置没有要求,只要在 git 配置文件中路径指定正确即可。

例如,将 ~/.gitignore_global 设置为全局 git 忽略文件,可以执行以下操作:

创建文件
touch ~/.gitignore_global
将文件添加到 git 配置
git config --global core.excludesfile ~/.gitignore_global

5、忽略已提交到远程仓库的内容

删除暂存区中的文件或目录
1.git rm --cached <file
2.git rm -r --cached <folder

在 .gitignore 中添加忽略配置
1.<file
2./<folder

推送到远程仓库
1.git add .gitignore
2.git commit -m ‘忽略文件’
3.git push origin master

6、使用各种框架下的忽略规则

忽略编辑器配置文件

  1. .idea
  2. .vscode
  3. .hbuilderx

忽略特殊文件
.DS_Store 文件一般出现在 MacOS 中,是 Finder 用来存储文件夹的显示属性的,比如: 文件图标的摆放位置

  1. .DS_Store

ThinkPHP 5.0

  1. /runtime
  2. /vendor
  3. /thinkphp

Uni-App 项目

  1. unpackage
babel.config.js

babel是一个JS编译器,兼容低版本浏览器,引入babel,将es6转为es5
babel的配置文件(相当于翻译官,比如把ES6相关语法翻译为ES5,兼容性更好,一般不碰)
babel中文网

jsconfig.json

jsconfig.json文件主要用来配置一个默认根路径,以后可以通过该根路径快速访问到子路径
@就代表src根路径了

{
  "compilerOptions": {
    "target": "es5",
    "module": "esnext",
    "baseUrl": "./",
    "moduleResolution": "node",
    "paths": {
      "@/*": [
        "src/*"
      ]
    },
    "lib": [
      "esnext",
      "dom",
      "dom.iterable",
      "scripthost"
    ]
  }
}
package-lock.json和package.json

package-lock.json和package.json详解

README.md

README.md文件一般出现在项目的根目录下,其作用是对项目的主要信息进行描述。
如果一个项目你很长时间都没有动,突然你需要修改这个项目,那么通过README.md中对项目的描述能让你快速的再次上手;
或者别人拿到你的项目也能通过README.md文件的描述快速的了解该项目。

vue.config.js

vue.config.js 是一个可选的配置文件,如果项目的 (和 package.json 同级的) 根目录中存在这个文件,那么它会被 @vue/cli-service 自动加载。

src
assets文件夹

一般用于存放静态资源(放置多个组件共用的静态资源),值得注意,放在在assets文件夹里的静态资源,在webpack打包的时候,webpack会把静态资源当做一个模块,打包到JS文件里面。

components文件夹

一般放置非路由组件(全局组件)

router

设置路由
在router/index.js路由文件中配置路由,设置路由跳转规则

store

保存token和refresh_token的对象

styles

设置全局样式

utils

在这里插入图片描述
vue项目工程中,有很多公用的js函数,为了便于集中管理,可以在src下面新建一个utils文件夹统一管理。这样在使用时候直接调用这个utils文件夹的内容就行。

views

在src文件夹中的views文件夹是用来写各种页面代码的
分开管理,条例更加清晰。

App.vue

唯一的根组件(汇总所有组件)

main.js

入口文件,也是整个程序当中最先执行的文件

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值