版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_35713752/article/details/82424330
通过 npm 使用 React
如果你的系统还不支持 Node.js 及 NPM 可以参考 Node.js 教程。
使用 webpack。
国内使用 npm 速度很慢,你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:
使用命令行工具#
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
$ npm config set registry https://registry.npm.taobao.org
这样就可以使用 cnpm 命令来安装模块了:
使用命令行工具#
$ cnpm install [name]
更多信息可以查阅:http://npm.taobao.org/。
使用 create-react-app 快速构建 React 开发环境
create-react-app 是来自于 Facebook,通过该命令我们无需配置就能快速构建 React 开发环境。
create-react-app 自动创建的项目是基于 Webpack + ES6 。
执行以下命令创建项目:
使用命令行工具#
$ cnpm install -g create-react-app
$ create-react-app my-app
$ cd my-app/
$ npm start
如果 构建报错可参考:create-react-app my-app 报错解决方法
至此 React 开发环境集成完毕,接下来创建 Ant Design 项目;
使用命令行工具#
你可以使用集成化的命令行工具 ant-design-pro-cli。
$ npm install ant-design-pro-cli -g
$ mkdir my-project && cd my-project
$ pro new # 安装脚手架
创建项目和脚手架完毕,通过命令行找到你的项目路径
如上图,因为个人创建的路径不一样,所以就用图表示了,找到路径以后执行 npm start 运行项目。
完成。