README-IPU.md 3.8KB
工程目的： 1、提供一个基础工程，在各个项目可重用、复用 2、有基础框架页，支持本地、远程页面加载及各种打开方式 3、基础功能，如标题更新、是否要缓存？ 4、http请求、公共数据存储基础架子 5、
工程创建步骤 1、安装最新的vue-cli （4.5.11？） 2、创建工程、添加element-ui
vue create xxx
vue add element
3、添加常用依赖vue-router、vuex、axios
npm i vue-router -d
npm i vuex -d
npm i axios -d
4、准备搭建框架页，css编辑选择stylus(stylus编译环境比less和sass简单),element-ui使用的是sass，换成sass 5、css没有sourcemap，添加vue.config.js，添加css模块中sourcemap配置为true 6、引入第三方字体文件，就否需要？？ 7、路由以/xx开头，则路径与父路由路径无关，普通字符开头与父路由路径关联
目录说明
route 路由目录
styles 公共样式目录
assets 静态资源目录
components 页面目录
layout 框架布局
http 接口请求
utils 工具类
问题1： 1、启动Cannot read property 'matched' of undefined，因为没有将路由注射App组件 2、全局引入element-ui报错，注释babel.config.js里面的element-ui配置后不报错 3、stylus，报错，TypeError: this.getOptions is not a function (安装stylus) stylus-loader换回3.0.2版本才不报错 4、css没有sourcemap 5、v-if和v-for，v-for有优先级 6、新的Vue组件，应该是大写，或a-b格式 或Ab 7、通过更新:key，更新for循环里面的iframe重新加载 8、stylus在vue文件中以根目录引入根路径stylus，写法 @import "~@xxx.styl"，stylus-loader的特性，github上有介绍 9、vue文件，style添加scoped，则里面的css只对当前文件中样式生效 10、如果vue中没有使用template，使用的是render，文件中样式编译是被移除了，目前将文件独立的文件存在处理 11、element-ui要支持主题色编译，使用的是sass 12、node-saa版本是4.11.x 13、sass-loader版本是:7.3.1 14、登录框表单自动记住了用户名与密码：autocomplete="new-password" 15、记住用户名密码的背景问题
input { // 移除输入框，自动记住历史输入值，有背默认景色问题
-webkit-box-shadow: 0 0 0 1000px white inset;
}
在火狐下仍有问题
16、怎么移除input的背景色，晚上的方案，清除了chrome，但是火狐下有问题了 17、绝对路径写，css中以~@开头，js中直接@，其中@可以在vue.config.js中配置自定义
待处理 项目中用不少配置文件package.json中有不少配置不清楚作用
页面名称的逻辑 1、打开页面时，传过来一个参数 2、没有时，怎么办？
1、要不要支持iE，影响一些文件大小，具体差异待比较，先支持 2、
webpack4.x版本的问题，导致this.getOptions is not a function [closed]? I had same problem resolved by downgrading sass-loader to 10.1.1. I am using @vue/cli 4.5.8 that includes webpack@4.46.0 https://stackoverflow.com/questions/66082397/typeerror-this-getoptions-is-not-a-function
#todo #es-lint? #es-style?
#开发规范参考 #组件名首字母大小（两个以上单词），文件目录小写 #普通js文件小写 #使用组件时小写如 格式，属性名同样处理 #样式文件跟随组件或页面定义 #
mock与http请求 1、公共业务
如公共参数、公共失败处理，也可自定义失败处理、超时、数据格式等
2、请求服务地址配置文件独立化 3、请求url与代码独立化 4、公共loading冲突... 5、ts参数根据路由中配置信息，自动添加配置？
页面缓存实现、可缓存、不可缓存 页面通信与列表-返回刷新 其它页面打开对应页面 添加全屏 其它页面方便加入框架页，不需要太麻烦的页面打开处理