vue1.0饿了么开发全过程-了解项目文件与文件夹04

一、认识一下vue项目 目录其他的文件作用

1.1 build文件夹和config文件夹:(webpakc配置相关js)

vue1.0饿了么开发全过程-了解项目文件与文件夹04_第1张图片

1.2 node_modules文件夹:(通过npm install安装的依赖代码库)

vue1.0饿了么开发全过程-了解项目文件与文件夹04_第2张图片

1.3 src文件夹:项目源码存放,我们开发的代码都会放在src下。

vue1.0饿了么开发全过程-了解项目文件与文件夹04_第3张图片

1.4 static文件夹:存放第三方静态资源

vue1.0饿了么开发全过程-了解项目文件与文件夹04_第4张图片

1.5 .babelrc文件(es6编译es5)

因为浏览器是识别不出来es6语法的,所有需要编译成es5语法让浏览器解析。

comments:false(转化完之后不生成注册)

vue1.0饿了么开发全过程-了解项目文件与文件夹04_第5张图片

1.6 .editorconfig:编辑器的配置

charset:字符编码

indent_style:space (缩进风格)

indent_size:2(缩进为两个空格)

end_of_line:换行符的风格

insert_final_newline:创建一个新的文件,会在文件里插入一个新行

trim_trailing_whitespace:自动会移除行尾的多余空格

vue1.0饿了么开发全过程-了解项目文件与文件夹04_第6张图片

1.7 .eslintignore:忽略语法检验的目录文件

忽略语法检验对build目录下和config目录:

vue1.0饿了么开发全过程-了解项目文件与文件夹04_第7张图片

1.8 eslintrc.js:eslint的配置文件

1)extends: 'standard':表示继承一个标准的规则

2)rules是对格式上做具体的设定

arrow-parens:0,允许尖头函数前面不写括号,如果为0的,就是代表忽略检查

vue1.0饿了么开发全过程-了解项目文件与文件夹04_第8张图片

1.9 .gitlgnore(git仓库会忽略的文件名)

vue1.0饿了么开发全过程-了解项目文件与文件夹04_第9张图片

1.10 pageage.json(项目配置文件)

第7行:srcipts,代表可以执行一些命令

第8行:npm run dev就是执行了这句代码

第13行:dependencies,代表生产环境的一些依赖

第17行:devDependencies,代表编译上的一些依赖

vue1.0饿了么开发全过程-了解项目文件与文件夹04_第10张图片

你可能感兴趣的:(vue1.0饿了么开发全过程-了解项目文件与文件夹04)