1-2 Vue项目目录结构

Vue项目目录结构

index.html (项目根视图)

package.json （配置文件）

.postcssrc.js （postcss配置文件）

.gitignore （git上传的时候忽略上传文件设置列表）

.editorconfig （编码配置文件）

static（静态文件目录）

服务器启动后，可以直接访问static下的文件。

src（源码文件目录）

main.js （入口文件）任何插件安装，比如路由。UI组件都需要在这里进行引入

App.vue （第一个Vue组件）
assets （可放置公共的字体、图片）
components （子组件目录）

config（配置文件）

针对开发服务器上的配置。

dev.env.js （开发环境上的配置）
index.js （针对服务器跨域，地址。自动打开浏览器等）
prod.env.js （生产环境上的配置）

build （包含服务器和webpack）

webpack.base.conf.js (公共的webpack配置文件)
webpack.dev.conf.js (开发的webpack配置文件)
webpack.prod.conf.js (生产的webpack配置文件)

注意:任何配置文件修改以后，需要重启项目。