vue+element初始化创建项目

初始化

步骤1：选择开发框架并创建

步骤1：vue create shop   回车
步骤2：安装方式选择第二个自定义
步骤3：安装模块：
 (*) Babel
 ( ) TypeScript
 ( ) Progressive Web App (PWA) Support
 (*) Router
 (*) Vuex
 (*) CSS Pre-processors
步骤4：选择路由模式 选择后期可以改
步骤5：选择CSS预处理器
  Sass/SCSS (with dart-sass)
> Sass/SCSS (with node-sass)
  Less
  Stylus
步骤6：配置文件信息是单文件存放还是多文件 都行 推荐第一个默认
> In dedicated config files
  In package.json
步骤7：是否需要记住本次配置  下次直接选择   都行
步骤8：等待漫长安装...

步骤2：安装UI框架/组件库

步骤1：安装（时间漫长....

cd shop
yarn add element-ui@2.8.2   或  cnpm i element-ui@2.8.2 -S

步骤2：配置 https://element.eleme.cn/2.8/#/zh-CN/component/quickstart

// 配置 ElementUI
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
​
// 配置 全局初始化样式
import '@/assets/css/reset.scss';

步骤3：创建reset.scss即可 （里面是空的就行

步骤4：启动服务、然后复制UI框架的按钮组件查看是否配置UI框架成功

技术栈

###技术栈
​
#大前端（MVVM）
vue-element-admin：仿知名开源项目定制开发
element-ui：基于饿了么的 element-ui 组件库
axios：基于 axios 发送网络请求
driver：基于 driver 实现新用户引导
animate：基于 animate C3 动画库 和 transition组件 实现后台动画
echarts：基于百度echarts实现数据可视化图标
nprogress：基于nprogress实现页面加载进度条
xlsx：基于xlsx实现订单数据导出
vue-upload-component 或 element-upload：实现商品相册管理
scss：基于css预处理器实现
i18n：基于实现语言切换
screenfull：实现后台页面全屏
vue-print-nb：实现后台订单页面数据打印
LocalStorage： 基于H5存储技术 实现页面数据持久存储 存储用户信息
swiper：滑动插件实现导航tab选项卡滑动
vue-particles：实现登录粒子图特效                 
Vuex：实现数据共享
vue-devtools：通过vue-devtools开发工具 进行项目调试
git：通过git进行项目版本控制
gitlab：通过阿里云gitlab创建项目仓库
​
#服务端（MVC）
jwt登录认证
multer图片上传
svg-captcha验证码
nginx项目部署
​
#优化
路由懒加载
按钮loading避免重复提交
Keep-alive
nginx配置（expires、gzip）
等
​
其他
图片上传组件
https://segmentfault.com/a/1190000016698171?utm_source=tag-newest
敏捷式开发 & 瀑布式开发
https://www.jianshu.com/p/d87fae0e06de