【1.3 - 前端Vue】Vue.js脚手架Vue-cli配置修改

本篇文章项目结构创建

npm install webpack projectName(项目名)

项目结构：

修改内容一：.gitignore文件

.gitignore文件是git忽略提交文件，项目管理提交给git时，例如node_modules等依赖下载文件不需要上传，可以通过在.gitignore文件中配置忽略

示例：

# git忽略提交文件
# 配置语法
# 以斜杠“/”开头表示目录；
# 以星号“*”通配多个字符；
# 以问号“?”通配单个字符
# 以方括号“[]”包含单个字符的匹配列表；
# 以叹号“!”表示不忽略(跟踪)匹配到的文件或目录。
# 注意： git 对于 .gitignore配置文件是按行从上到下进行规则匹配的
.DS_Store
node_modules/
/dist/

# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*

package-lock.json
yarn.lock

修改内容二：.editorconfig代码标准

.editorconfig是编译器风格配置文件，对开发代码进行规则限制，保证代码更工整（本文只添加了注释，规则并未修改）

示例：

# 编译器风格配置文件
# https://editorconfig.org

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

# 以下一段为语法声明示例
# 匹配范围：语法=[范围]；全局=[*]；以文件格式结尾=[*.{js,py}]；匹配文件[{package.json,.vue.config.js}]；
# 设置字符集：charset = utf-8
# 缩进风格，可选"space"、"tab"：indent_style = space
# 缩进的空格数：indent_size = 2
# 结尾换行符，可选"lf"、"cr"、"crlf"：end_of_line = lf
# 在文件结尾插入新行：insert_final_newline = true
# 删除一行中的前后空格：trim_trailing_whitespace = true

# 匹配全部文件

[*]
charset = utf-8
indent_style = space
indent_size = 2
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true

修改内容三：.eslintignore规则忽略

.eslintignore是对eslint代码规范进行忽略的配置，在某些代码中不想引入eslint的规范可以进行配置

示例：

# 忽略ESLint格式检验的配置

# 配置目录
/build/
/config/
# 打包生成目录
/dist/
# js和vue文件
*.js
*.vue
# 其他
/src/icons/iconfont.js