文章目录
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忽略
以井号(#)开头的行是注释,将被忽略,空行可用于提高文件的可读性并对相关的模式行进行分组
- “# 忽略编辑器配置目录”
- /.idea
- /.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、使用各种框架下的忽略规则
忽略编辑器配置文件
- .idea
- .vscode
- .hbuilderx
忽略特殊文件
.DS_Store 文件一般出现在 MacOS 中,是 Finder 用来存储文件夹的显示属性的,比如: 文件图标的摆放位置
- .DS_Store
ThinkPHP 5.0
- /runtime
- /vendor
- /thinkphp
Uni-App 项目
- 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
入口文件,也是整个程序当中最先执行的文件