vue项目结构

简单说下吧

1. dist  打包后的文件存放   当你完成开发后，将此目录下的文件上到服务器就ok   ps:（服务器配置）我的路由是history,服务器是ngix，配置location / { try_files $uri $uri/ /index.html; }  更多详情请看官网

2.src   我们做项目主要实用的目录：

　　　　api:自定义目录，放一些自定义配置文件（例如axios交互配置）

　　　　assets: 放置一些需要编译的scss文件 （例如全局的scss）

　　　　component：这里是我们所有的vue文件和js文件，我又分为（page、common、utils、xx(组件类)）

　　　　　　　page：各个页面的vue文件

　　　　　　　common：放一些类似header,siderbar等各个页面都需要的vue组件

　　　　　　　utils：放一些自定义的js配置文件（例如loading、封的公共方法）

　　　　　　　xx（组件类）：此类目录不限，各个类型的组件放不同的目录（例如我的echarts目录叫做charts--pie.vue、line.vue...）

　　　　router：路由配置目录

　　　　store：vuex的store存储配置目录

　　　　App.vue：主组件，所有页面都是在App.vue下进行切换的。其实你也可以理解为所有的路由也是App.vue的子组件。

 

　　　　main.js：入口文件，主要作用是初始化vue实例并使用需要的插件。

3. static   静态文件放置   因为这个文件夹是不会被编译的

　　　　放置图片，引用的样式表css或者字体文件

4. index.html 这个其实就是我们的页面。。。可以配置ico（网页title的小图标）   具体想了解ico设置，点这里

 

 

5.package.json 这个是npm的配置文件，里面设定了脚本以及项目依赖的库    每次我们可以去里面查安装了什么（有时候拉了别人代码，修改了pakeage.json,记得npm install哦）