这一章是讲代码优化,at last,项目的最终形态就完成了。开始撸吧。。。
下载修改好分支v4
使用git命令:git clone -b v4 https://github.com/rongxr/vue-elementui.git
说明:
- 下载好项目代码后,文件夹\vue-elementui\elementui\vue-elementui\elementui-demo下面是没有下载好项目依赖的,就是没有文件夹node_modules。你可以从之前的项目里面拷贝过来。或者,打开命令窗口,cd到\vue-elementui\elementui\vue-elementui\elementui-demo目录下,执行命令:npm install,重新从网上下载。
- 主要涉及三个文件夹的文件修改。主要是:把/src/api/index.js功能拆分;/src/components全部转移到/src/views目录,/src/components作为第三方控件目录;新增/src/views目录作为用户控件目录,并且按照功能进行划分。
/src/api
/src/components
/src/views - 代码优化思路:模块有很多,而且随着业务的迭代,模块还会会越来越多。所以这里建议根据业务模块来划分 views,并且 将views 和 api 两个模块一一对应,从而方便维护。
- 原来的代码中使用了很多相对路径,现在修改为绝对路径。例如:
import Axios from ‘…/libs/AxiosPlugin’
修改为
import Axios from ‘@/libs/AxiosPlugin’
符号【@】的说明
@代表项目的src位置
后续
说了好久的程序逻辑讲解,从下一章就要开始了。涉及很多vue相关的知识,还有原作者的思路。期待吧。。。