vue项目笔记·1

1.目录结构划分（src里面的【源码中的目录结构划分】）

 

assets 文件夹： 资源的意思（用于存放图片等资源）----------------------->

　　　　　　　　　　　　　　　　　　1.img文件夹   

　　　　　　　　　　　　　　　　　    2.css文件夹----------》

　　　　　　　　　　　　　　　　　　　　　　　　1.normalize.css   ------------》在GitHub上面下载下来，作用：统一标准，

　　　　　　　　　　　　　　　　　　　　　　　　2.base.css -----------------》自己创建（body等样式）

 

components 文件夹 ： 组件库   放公共的组件 ---------------------》

　　　　　　　　　　公共组件分为两类 1.common(公共的)----》不局限于当前项目，完全抽离出来的组件        

　　　　　　　　　　　　                       2.content  和当前项目业务相关的公共组件

views 文件夹 ： 视图 细分组件

router 文件夹：路由

store 文件夹： vuex 

network 文件夹： 网络相关

common 文件夹 ： 公共的js文件

                              1.const.js

　　                       2.utils.js  工具类

 

2.在src平级处

新建一个vue.config.js    起别名

　　　　　　　　module.exports ={

　　　　　　　　　　configureWebpack:{

                     　　                　　resolve:{

　　　　　　　　　　　　　　　　   alias:{

　　　　　　　　　　　　　　　　      'assets':'@/assets',

　　　　　　　　　　　 　　　　　　 'common':'@/common',

　　　　　　　　　　　　　　　　      'components':'@/components',

　　　　　　　　　　　　　　　　　  'network':'@/network', 

　　　　　　　　　　　　　　　　  　'views':'@/views'

　　　　　　　　　　　　　　　　　}

 

　　　　　　　　　　　　　　}

 　　 　　　　　　 　　}

                              }

3.还需要有一个.editorconfig文件，用于统一规范化