通化网站建设单位,网站飘动,wordpress termux,丰县网站建设首先看一下最开始的代码#xff1a;
这里面大部分的东西都可以删掉#xff0c;比如README#xff0c;只留下中文的那个就可以了。
之后看看README.md中介绍的特性。
特性
#x1f4a1; TypeScript: 应用程序级 JavaScript 的语言#x1f4dc; 区块: 通过区块模板快速…首先看一下最开始的代码
这里面大部分的东西都可以删掉比如README只留下中文的那个就可以了。
之后看看README.md中介绍的特性。
特性 TypeScript: 应用程序级 JavaScript 的语言 区块: 通过区块模板快速构建页面 优雅美观基于 Ant Design 体系精心设计 常见设计模式提炼自中后台应用的典型页面和场景 最新技术栈使用 React/umi/dva/antd 等前端前沿技术开发 响应式针对不同屏幕大小设计 主题可配置的主题满足多样化的品牌诉求 国际化内建业界通用的国际化方案⚙️ 最佳实践良好的工程实践助您持续产出高质量代码 Mock 数据实用的本地数据调试方案✅ UI 测试自动化测试保障前端产品质量
再看看模板页面
Dashboard 分析页监控页工作台 表单页 基础表单页分步表单页高级表单页 列表页 查询表格标准列表卡片列表搜索列表项目/应用/文章 详情页 基础详情页高级详情页 用户 用户中心页用户设置页 结果 成功页失败页 异常 403 无权限404 找不到500 服务器出错 帐户 登录注册注册成功
安装依赖
npm install -g tyarn
tyarn配置启动命令
这里我使用的是webstorm配置了一个npm
此时还在安装依赖需要等一会
等一会以后依赖安装好了
第一次启动项目
此时我选择启动项目
控制台会输出一个地址
浏览器进行访问http://localhost:8000/
编译一会儿以后会进入登录页面
点击登录但是报了登录失败
查看登录的代码
首先我选择去看mock代码
我将登录条件改为
if (password zhangdapeng520 username zhangdapeng) {此时需要
账号zhangdapeng密码zhangdapeng520
才能够登录系统了。
但是重启服务以后还是报了这个错说明问题没有解决
查看启动代码
此时我选择去看package.json中的启动代码
scripts: {analyze: cross-env ANALYZE1 max build,build: max build,deploy: npm run build npm run gh-pages,dev: npm run start:dev,gh-pages: gh-pages -d dist,i18n-remove: pro i18n-remove --localezh-CN --write,postinstall: max setup,jest: jest,lint: npm run lint:js npm run lint:prettier npm run tsc,lint-staged: lint-staged,lint-staged:js: eslint --ext .js,.jsx,.ts,.tsx ,lint:fix: eslint --fix --cache --ext .js,.jsx,.ts,.tsx --formatpretty ./src ,lint:js: eslint --cache --ext .js,.jsx,.ts,.tsx --formatpretty ./src,lint:prettier: prettier -c --write \**/**.{js,jsx,tsx,ts,less,md,json}\ --end-of-line auto,openapi: max openapi,prepare: husky install,prettier: prettier -c --write \**/**.{js,jsx,tsx,ts,less,md,json}\,preview: npm run build max preview --port 8000,record: cross-env NODE_ENVdevelopment REACT_APP_ENVtest max record --scenelogin,serve: umi-serve,start: cross-env UMI_ENVdev max dev,start:dev: cross-env REACT_APP_ENVdev MOCKnone UMI_ENVdev max dev,start:no-mock: cross-env MOCKnone UMI_ENVdev max dev,start:pre: cross-env REACT_APP_ENVpre UMI_ENVdev max dev,start:test: cross-env REACT_APP_ENVtest MOCKnone UMI_ENVdev max dev,test: jest,test:coverage: npm run jest -- --coverage,test:update: npm run jest -- -u,tsc: tsc --noEmit},我发现启动命令特别多决定尝试其他的启动方案比如
tyarn start使用这个命令以后再次登录就成功了。
我们来观察一下这两个命令
start: cross-env UMI_ENVdev max dev,
start:dev: cross-env REACT_APP_ENVdev MOCKnone UMI_ENVdev max dev,可以看出了默认是启动mock服务的但是加了MOCKnone以后可以关闭mock服务。
而
dev: npm run start:dev不会启动mock服务所以才登录不了。
页面观察
既然成功了我们来看看目前的页面吧。
首页
二级管理页面
查询表格
目前只有这三个页面算是比较简约的了后面需要什么页面就继续开发就好了。
