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
    评论
Vue框架的文件配置可以包括以下几个方面: 1. 入口文件(main.js)的配置:入口文件是Vue应用程序的起点,通过引入要运行的组件,并创建Vue实例来启动应用程序。可以根据需要引入不同的组件来配置不同的入口文件。 2. 组件文件(.vue文件)的配置:组件文件是Vue应用程序的核心,其中包含了组件的模板、样式和逻辑。在组件文件中,可以定义组件的属性、方法和生命周期钩子函数等,以及导入和使用其他组件或静态资源。 3. 静态资源文件(assets文件夹)的配置:静态资源文件存放在assets文件夹中,包括图片、视频、音频等文件。这些静态资源可以通过模块化的方式导入到组件中使用。 4. 公共文件(public文件夹)的配置:公共文件夹中的文件不需要进行修改,其中存放的是浏览器访问的入口文件(index.html)。该文件作为Vue应用程序的入口,会加载Vue的构建文件和其他必要的资源,以启动应用程序。 综上所述,通过配置入口文件、组件文件、静态资源文件和公共文件,可以完成Vue框架中各种文件的配置。根据需要引入不同的组件、导入静态资源,并编写相应的逻辑和样式,以实现所需的功能。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [Vue框架](https://blog.csdn.net/weixin_58448088/article/details/123428830)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值