search

XDUPSMC3Team / ProjectFrontend

MIT License
1 stars 0 forks source link

技术栈选择 #1

Open ACERY1 opened 5 years ago

ACERY1 commented 5 years ago

Dmall-Frontend

地猫电商网站前端

基础技术栈选择

关于http请求，用axios吧，注入this的上下文里

eslint用Airbnb的标准

静态资源上CDN，记得配publicPath

写样式用Sass

vuex是否使用我再考虑一下

记得控制下log的使用，不要污染到console

前后端分离后的跨域问题，要问下后端怎么解决，要么CORS，要么Nginx

关于部署问题：得考虑一键部署方案

开发分支和master分支独立起来，开发者的开发分支要合并到master，记得提交Pull Request并assign给我。

ACERY1 commented 5 years ago

前后端分离跨域问题用 devServer 的 proxy 解决：

image

文档地址

ACERY1 commented 5 years ago

纠结了了一下，最后还是加上了 单测 模块，跑build之前就得先跑test，多写写单测，代码质量会高很多

ACERY1 commented 5 years ago

关于Vue的插件机制

Vue CLI 3.0 引入了非常棒的插件机制，通过 vue add [插件名] 就可以添加插件，如想要在Vue项目里使用Element：

$ vue add element

然后就会在src目录下生成一个/plugins/element.js， 如图：

image

能看出来可以按需导入，下一步做成一个json来配置，因为三个端使用的UI不一样。

pages目录概述

image

三个目录即三个SPA，分别有自己的Router、Views以及相关配置，公用一些通用的js工具库、公共库、Sass工具库、独立组件库等。

关于UI上，必须要抽成配置文件，方便后期稍微改一改就能变成一个不同的页面

ACERY1 commented 5 years ago

一点小建议

写Vue组件的时候有三个部分：

代码顺序是按照如上的顺序摆放 @CWsuper

ACERY1 commented 5 years ago

组件设计原则