vue.config和editorconfig

我们在做项目的时候，应该给经常用到的文件配置它的别名，这样做，既可以方便引用，也可以防止当文件位置发生改变的时候出现错误。

        配置前:

        import bartar from '../../components/bartar'

        配置后(不用再关心文件层级关系):

        import bartarfrom 'components/bartar'

        那么，我们应该如何进行配置呢？

        在根目录下，创建一个vue.config.js文件，添加如下代码：

    module.exports= {

    configureWebpack: {

            resolve: {

            alias: {

扫描二维码关注公众号，回复： 11195835 查看本文章

                'assets':'@/assets',

                'common':'@/common',

                'components':'@/components',

                'network':'@/network',

               'views':'@/views'

                  }

            }

        }

}

EditorConfig是什么

在项目里，大多时候都能看到.editorconfig文件，刚开始总是忽视掉它，认为它不太重要。但是，它的存在，必定有它的理由，于是，抽空来研究一下，它是什么，能做什么。

 官网是这么介绍EditorConfig的，“EditorConfig帮助开发人员在不同的编辑器和IDE之间定义和维护一致的编码样式。EditorConfig项目由用于定义编码样式的文件格式和一组文本编辑器插件组成，这些插件使编辑器能够读取文件格式并遵循定义的样式。EditorConfig文件易于阅读，并且与版本控制系统配合使用。”

不同的开发人员，不同的编辑器，有不同的编码风格，而EditorConfig就是用来协同团队开发人员之间的代码的风格及样式规范化的一个工具，而.editorconfig正是它的默认配置文件。

帮助开发者在不同IDE中保持一致的代码风格。工程中有.editorconfig配置文件及使用的IDE默认支持EditorConfig或安装插件支持即可。（VSCode是安装插件支持）

# 告诉EditorConfig插件，这是根文件，不用继续往上查找
root = true

# 匹配全部文件
[*]
# 结尾换行符，可选"lf"、"cr"、"crlf"
end_of_line = lf
# 在文件结尾插入新行
insert_final_newline = true
# 删除一行中的前后空格
trim_trailing_whitespace = true
# 匹配js和py结尾的文件
[*.{js,py}]
# 设置字符集
charset = utf-8

# 匹配py结尾的文件
[*.py]
# 缩进风格，可选"space"、"tab"
indent_style = space
# 缩进的空格数
indent_size = 4

# 以下匹配，类同
[Makefile]
indent_style = tab
# tab的宽度
tab_width = 4

# 以下匹配，类同
[lib/**.js]
indent_style = space
indent_size = 2

[{package.json,.travis.yml}]
indent_style = space
indent_size = 2

1、如果是windows用户，如果无法创建.editorconfig文件，则需要先创建.editorconfig.文件，系统会自动重命名成.editorconfig文件。

2、EditorConfig的匹配规则是从上往下，即先定义的规则优先级比后定义的优先级要高。

3、插件安装，在GitHub上已经有了各种流行编辑器的插件源代码，可根据说明安装。

4、对于VS Core，对应的插件名是EditorConfig for VS Code。

5、这里列举了VS Code支持的规则：

• indent_style
• indent_size
• tab_width
• end_of_line
• insert_final_newline
• trim_trailing_whitespace