本人菜鸟，第一次一个人修改项目，以前都是跟着前端的老大，他把一切都规划好了，我跟着做就可以了，这次要自己把外包那边的代码拿来修改，无奈看不懂项目目录啊，求教这些目录都是什么意思？哪些能改，哪些不能改？能说的详细一点嘛，谢谢！
test,src,dist你不知道这啥意思？
你看 package.json，会有编译/运行方式，依赖环境等东西。
每个文件是干什么的，就不好说了。
应该是个用vue-cli生成的vue项目。大部分的业务代码都在你第二张图的src文件夹里。assets一般存放一些静态文件，components是各个组件的存放位置，services大概是放了一些常用的函数？styles应该是一些样式表。api.js应该汇总了你这个项目里用到的api，App.vue是总入口组件，其他基本顾名思义了。
不过总的来说，如果你没有了解过vue.js，这个项目你改起来应该很费劲。要不还是找外包的人帮你改吧，或者二次外包。
这还看不懂。。。刚入门？你当时跟着别人做项目的时候，浑浑噩噩的，不研究人家怎么建立起这个项目的？
目录结构的话：你可以搜前端项目结构规范：比如：
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的配置
嗯，这些内容都搜一遍，就会有个大致了解了