码迷,mamicode.com
首页 > 其他好文 > 详细

了解vue项目的目录结构

时间:2017-08-26 19:44:37      阅读:209      评论:0      收藏:0      [点我收藏+]

标签:npm   commons   git   1.5   插件   stage   babel   plugins   mon   

 

 

希望可以帮到初学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 : 项目的描述文件.
  

了解vue项目的目录结构

标签:npm   commons   git   1.5   插件   stage   babel   plugins   mon   

原文地址:http://www.cnblogs.com/redgreenblue/p/7436041.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!