创建 React 项目(2017)
打算创建一个 React 应用,你得先准备一大堆工具,你还得配置一下,让它们可以混合在一起工作。比如你需要编译 JavaScript 用的 Babel,打包用的 webpack,一个在本地运行的服务器等等。
React 现在提供了一个 create-react-app 小工具,使用它可以非常方便的创建 React 项目,它会为你准备好一个简单的 React 项目,并且安装配置好 React 应用需要的所有的工具。
安装工具
确定电脑上已经安装好了 node 与 npm。然后去安装 create-react-app:
npm install -g create-react-app
创建 React 项目
使用 create-react-app 创建一个简单的 React 应用,ninghao-react 是我的 React 项目的名字:
cd ~/desktop
create-react-app ninghao-react
启动 React 应用
进入到创建好的 React 项目所在的目录,然后使用 npm start 就可以启动并且运行 React 应用了。
cd ninghao-react
npm start
会自动打开浏览器,访问应用的地址:http://localhost:3000/
注意事项
启动 React 应用的时候,如果遇到错误,有可能是 node 版本的事儿,用 nvm 安装多个版本的 node,切换一下,然后重新创建 React 项目,再重新启动应用。
React
评论
用在生产环境的话,建议使用 LTS 版本的 Node.js
7 年 9 个月 以前
好的,长期支持会稳定一些吧。
7 年 9 个月 以前
对,LTS 版本的 Node.js 相对稳定一些。只有经过前一个大版本充分测试过的特性才会加入到 LTS 中。版本号是基数的大版本都不是 LTS 版本,API 变化会激进一些,属于实验性质的 Node.js,不适合用于生产环境。
7 年 9 个月 以前
话说,现在前端建议使用 Yarn 作为包管理工具~~
7 年 9 个月 以前
具体有什么区别吗?
7 年 9 个月 以前
主要是 Yarn 采用跟 npm 不一样的下载安装策略,所以在安装依赖时会特别快。第二点是 Yarn 有像 Composer 一样的 lock 文件,可以锁住依赖的版本。
7 年 9 个月 以前
好来 :)
7 年 9 个月 以前
更新一下很重要~!我正打算学习。
python 很流行,如果介绍一下,估计很多人回喜欢。
7 年 9 个月 以前