vue 项目目录解释

1目录分类

src

     components  

                        common //独立于业务之外的公共组件

       content //与业务相关的公共组件

    network

                 request.js

                home.js 一个组件所有的网络请求

   router   

               index.js

  store

              index.js

   view 

             各个页面 ,相关的页面放进一个文件夹里面

   common

    const.js    常量 +转化关系

    utils.js     公共的js

     mixin.js   混合机制--mixins,用来更高效的实现组件内容的复用

   asset

                css

           normalize.css    统一浏览器样式文件(网上可搜copy  或者 npm install --save normalize.css)

        base.css 自己的初始化样式文件  首先要引入normalize.css    @import ‘normalize.css'

              

2   路径别名

   1 自建vue.config.js

  2 内容

    module.exports{

         configurewebpack:{

          resolve:{

            alias:{

              'asset':'@/asset', 

              'commponts':'@/commponts',  

              'views':'@/asset',  

              'network':'@/asset',       

              ...

              }

          }

                }

  }

3统一编辑格式

.editorconfig

posted @ 2020-08-23 10:09  青橙娃娃  阅读(242)  评论(0编辑  收藏  举报