使用React脚手架初始化项目

  1. 初始化项目,命令: npx create-react-app my-pro

npx 目的:npm v5.2.0引入的一条命令提升包内提供的命令行工具的使用体验

原来:先安装脚手架包,再使用这个包中提供的命令

现在:无需安装脚手架包,就可以直接使用这个包提供的命令

create-react-app 这个是脚手架名称 不能随意更改

my-app 自己定义的项目名称

启动项目,在项目根目录执行命令: npm start

  1. 如果执行了 npx create-react-app projectName 报错

npx create-react-app my-app
cd my-app
npm start

npm ERR! code E404
npm ERR! 404 Not Found - GET https://registry.npmjs.org/creat-react-app - Not found
npm ERR! 404
npm ERR! 404  'creat-react-app@latest' is not in the npm registry.
npm ERR! 404 You should bug the author to publish it (or use the name yourself!)
npm ERR! 404
npm ERR! 404 Note that you can also install from a
npm ERR! 404 tarball, folder, http url, or git url.

npm ERR! A complete log of this run can be found in:
  1. 根据提示应该是没有全局安装creat-react-app这个脚手架工具造成的,因此我们需要先安装creat-react-app这个脚手架工具造成,安装命令提示入下:

npm install -g create-react-app
// 顺便切换一下淘宝镜像
npm config set registry https://registry.npmmirror.com/

你可能感兴趣的:(React,react.js)