一、初始化项目
1、全局安装pro-cli初始化脚手架
# 使用 npm或者cnpm或tyarn
npm i @ant-design/pro-cli -g
这里建议使用npm或者tyarn,cnpm和npm部分不兼容,创建项目时会报部分依赖缺失的问题
2、创建项目pro create myapp
pro create myapp
simple 是基础模板,只提供了框架运行的基本内容,complete
包含所有区块,不太适合当基础模板来进行二次开发,这个根据自身需求决定。
? 🚀 要全量的还是一个简单的脚手架? (Use arrow keys)
❯ simple
complete
3、安装依赖
$ cd myapp && tyarn
// 或
$ cd myapp && npm install
二、开发运行命令配置
1、npm run start
运行这个脚本会启动服务,自动打开默认浏览器展示你的页面。当你重新编辑代码后,页面还会自动刷新。
2、npm run build
运行这个脚本将会编译你的项目,你可以在项目中的 dist 目录中找到编译后的文件用于部署。
3、npm run analyze
analyze 脚本做的事情与 build 的相同,但是他会打开一个页面来展示你的依赖信息。如果需要优化性能和包大小,可以参考
4、npm run lint
一系列的 lint 脚本,包括 TypeScript,less,css,md 文件。可以通过这个脚本来查看你的代码有哪些问题。在 commit 中自动运行相关 lint。
5、npm run lint:fix
与 lint 相同,但是会自动修复 lint 的错误。