vue cli目录

vue-cli脚手架生成的目录，各主要目录：

image.png

• api目录下包含index.js文件导出各模块对应js文件封装的api
• assets目录下存放项目中需要用到的资源文件，css，js，images等
• components目录下存放一些公共组件，多个页面使用直接放在该目录下，只是某个页面使用，放到该页面命名的组件目录下
• config配置文件
• route目录下包含index.js文件导出各模块对应js文件定义的路由
• utils目录下用于存放项目使用的一些公共函数
• view目录下用于放路由对应的页面，用来写逻辑，样式尽量放在组件内

1.package.json文件里面的配置

image.png
image.png
image.png

• scripts：npm run xxx 命令调用node执行的 .js 文件
• dependencies：生产环境依赖包的名称和版本号，即这些 依赖包 都会打包进 生产环境的JS文件里面
• devDependencies：开发环境依赖包的名称和版本号，即这些 依赖包 只用于 代码开发 的时候，不会打包进 生产环境js文件 里面