建一个小项目:
1.使用 create-react-app 快速构建 React 开发环境
create-react-app 是来自于 Facebook,通过该命令我们无需配置就能快速构建 React 开发环境。
create-react-app 自动创建的项目是基于 Webpack + ES6 。
打开命令小黑窗,cd到自己创建的目录下,执行以下命令创建项目并启动:
1 npm install -g create-react-app
2 create-react-app my-app
3 cd my-app/
4 npm start
*注:npm(node package manager)是nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等),即以上操作的前提是安装了Node.js(检查是否安装了node.js,即查看node版本: node -v ,显示版本号就说明安装成功了)
2.目录结构
(1)node_modules:包含了项目会用到的各种组件
(2)public:包含了项目启动页面
(3)src:包含了js、css、img等文件
(4).gitignore:需要上传git时自动忽略某些文件的配置文件
(5)package.json:npm在package.json文件中管理项目的依赖项以及项目的元数据;node执行js中require的时候,也会根据package.json中的依赖项进行查找
3.关于cnpm
cnpm是淘宝针对npm做的镜像,因为npm安装插件是从国外服务器下载,受网络影响速度可能会很慢。用法都是相同的,只需把npm写成cnpm即可。
安装cnpm,执行命令:
1 npm install cnpm -g --registry=https://registry.npm.taobao.org
安装完后查看其版本号:cnpm -v ,不行的话关闭命令提示符重新打开
X.值得一看
(1)了解React相关技术:阮一峰 Reac技术栈系列教程✈
(2)比较直白的方式介绍React:狗屎一样的React✈