Vue 项目创建完成后,使用 Web Storm 打开项目,项目目录如下:
![99dc44253f1614268065b0c59ea1c3d0.png](https://i-blog.csdnimg.cn/blog_migrate/b0ca2aa7ca8b2e46f7bf64a0e3f9698c.png)
- build 文件夹,用来存放项目构建脚本
- config 中存放项目的一些基本配置信息,最常用的就是端口转发
- node_modules 这个目录存放的是项目的所有依赖,即 npm install 命令下载下来的文件
- src 这个目录下存放项目的源码,即开发者写的代码放在这里
- static 用来存放静态资源
- index.html 则是项目的首页,入口页,也是整个项目唯一的HTML页面
- package.json 中定义了项目的所有依赖,包括开发时依赖和发布时依赖
对于开发者来说,以后 99.99% 的工作都是在 src 中完成的,src 中的文件目录如下:
![3694c98bfb79bf2a46e059bc959bb7dc.png](https://i-blog.csdnimg.cn/blog_migrate/cb461a93ead5629f4abd5276c6186ce3.png)
- assets 目录用来存放资产文件
- components 目录用来存放组件(一些可复用,非独立的页面),当然开发者也可以在 components 中