vue框架的配置文件简介

对vue框架进行学习,特将项目的一些配置做了整理,当做笔记,如有不对的地方希望提出,并希望能帮助到其他人。

1、.editorconfig

 统一编辑器的处理规则,以免多人项目习惯不同导致不同的基本代码规范不同。

实例解析:

 root = true

     [*]

    charset = utf-8  //字符编码格式

    indent_style = space  //缩进风格,space表示基于空格做缩进

    indent_size = 2   //缩进大小,2表示缩进2个单位

    end_of_line = lf   //换行符风格,lf表示linux和Mac换行风格

    insert_final_newline = true   //当创建文件时是否自动在文件末尾添加一个新行,true表示自动添加

    trim_trailing_whitespace = true  //是否自动移除行尾多余空格,true表示自动移除

2、.babelrc

es6特性浏览器还没有全部支持,但是使用es6是大势所趋,所以babel应运而生,用来将es6代码转换成浏览器能够识别的代码。

.babelrc配置文件主要还是以presets和plugins组成,通过和webpack配合进行使用
3、.postcssrc.js

为了兼容所有浏览器,有的CSS属性需要对不同的浏览器加上前缀,添加一条属性,需要添加3~4条类似的属性,这不仅会增加许多的工作量,还会使得你的思路被打断。  

AutoPrefixer-- 处理CSS前缀问题的神器,很好的解决了这一问题。

 Autoprefixer是一个后处理程序,你可以同Sass,Stylus或LESS等预处理器共通使用。它适用于普通的CSS,而你无需关心要为哪些浏览器加前缀,只需全心关注于实现,并使用W3C最新的规范。

4、eslintrc.js

eslint是用来管理和检测js代码风格的工具,可以和编辑器搭配使用。

5、.eslintignore

忽略哪些文件的语法检查。

      build/*.js     //表示忽略build目录下类型为js的文件的语法检查

      config/*.js   //表示忽略config目录下类型为js的文件语法检查

6、gitignore

忽略Git中不想提交的文件。

在项目的某个文件夹下定义 .gitignore 文件,在该文件中定义相应的忽略规则,来管理当前文件夹下的文件的Git提交行为。

.gitignore只能忽略那些原来没有被track的文件,如果某些文件已经被纳入了版本管理中,则修改.gitignore是无效的。

解决方法就是先把本地缓存删除(改变成未track状态),然后再提交。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值