了解vue项目的目录结构

Posted 2020-10-04

 

 

希望可以帮到初学vue的同学.

这里解释一下vue-cli生成的项目结构中每一个文件是做什么的?  

 

1 

  build 和 config  这两个文件夹都是webpack配置相关.

 

2

  node_modules  是 npm install 时安装的依赖代码库.

 

3

  src 是存放源码的文件夹(开发的代码).

 

4

  staic 是存放第三方静态资源的文件夹.

 

5

  babelrc  是babel的一些配置(es6语法转换相关)

     其中:  presets : 预设.  stage-2:就是2到3 ,一共是0--3四个阶段.

               plugins : 插件(也是语法转换的插件).

               commons : false 语法转换后不生成注释

 

6

  editorconfig: 编辑器的一些配置.  //  indent_style : 缩进风格   indent_size : 缩进大小  ...等.

 

7

  eslintignore : 忽略语法检查的目录文件,即不会对哪些目录下的文件做语法检查.

 

8

  eslintrc.js : eslint配置文件.

 

9

  gitignore : git仓库忽略掉这些目录,不会提交到git仓库.

 

10

   index.html : 项目的html文件.

 

11

   package.json : 项目的配置文件. 

         script : 可以执行的一些命令.

         dependencies : 生产环境下的一些依赖.

         devDependencies : 编译过程中的一些依赖.  打包后这些代码不存在.

 

12

    readme : 项目的描述文件.