1.划分目录结构
2.css文件的引入
在github上下载normalize.css 放到项目的css文件夹中(重置样式)
3.vue.config和editorconfig
vue.config.js
module.exports = {
configureWebpack:{ //表示准备配置webpack的config 属性
resolve:{ //解决路径相关的配置问题 extensions:[],
alias:{ //配置别名
//内部配置的别名 '@': 'src'
'assets': '@/assets',
'common': '@/common',
'components': '@/components',
'network': '@/network',
'views': '@/views',
}
}
}
}
. editorconfig(统一编码风格)
root = true
[*]
charset = utf-8
indent_style = space
indent_size = 2
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true
4.项目的模块划分: tabbar对应的路由映射关系