看不懂外包的项目目录，咋办？

Question

本人菜鸟，第一次一个人修改项目，以前都是跟着前端的老大，他把一切都规划好了，我跟着做就可以了，这次要自己把外包那边的代码拿来修改，无奈看不懂项目目录啊，求教这些目录都是什么意思？哪些能改，哪些不能改？能说的详细一点嘛，谢谢！

Answer 1

目录结构的话：你可以搜前端项目结构规范：比如：

• https://github.com/ecomfe/spec/blob/master/directory.md

• http://www.infoq.com/cn/articles/talk-front-end-integrated-solution-part2

• https://github.com/fex-team/styleguide/blob/master/project.md 百度FEX的

其它的JS文件：

• webpack.config.js 自然是webpack

• babel 编译用的

• karma 是测试的配置

• package是npm的配置

嗯，这些内容都搜一遍，就会有个大致了解了

Answer 2

test,src,dist你不知道这啥意思？

Answer 3

应该是个用vue-cli生成的vue项目。大部分的业务代码都在你第二张图的src文件夹里。assets一般存放一些静态文件，components是各个组件的存放位置，services大概是放了一些常用的函数？styles应该是一些样式表。api.js应该汇总了你这个项目里用到的api，App.vue是总入口组件，其他基本顾名思义了。

不过总的来说，如果你没有了解过vue.js，这个项目你改起来应该很费劲。要不还是找外包的人帮你改吧，或者二次外包。

Answer 4

这还看不懂。。。刚入门？你当时跟着别人做项目的时候，浑浑噩噩的，不研究人家怎么建立起这个项目的？

Answer 5

你看 package.json，会有编译/运行方式，依赖环境等东西。
每个文件是干什么的，就不好说了。