本篇文章项目结构创建
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