携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第2天,点击查看活动详情
React脚手架创建全新项目
直接使用npx来创建项目
// 默认是创建 javascript
npx create-react-app + 项目名称
// 创建typescript 项目
npx create-react-app +项目名称 --template typescript
npx
npx 是 npm v5.2 版本新添加的命令,用来简化 npm 中工具包的使用
没有npx之前:
全局安装npm i -g create-react-app
在通过脚手架的命令来创建 React 项目
有了npx之后
npx 调用最新的 create-react-app 直接创建 React 项目
进入创建的项目目录 执行程序
npm start
浏览器中打开网址
创建的项目目录
需要注意的是
Create React App(以下简称 CRA)是创建 React 应用的一个脚手架,它与其他脚手架不同的一个地方就是将一些复杂工具(比如 webpack)的配置封装了起来。
执行完这个命令——npm run eject后会将封装在 CRA 中的配置全部反编译到当前项目,这样用户就可以完全取得 webpack 文件的控制权,想怎么修改就怎么修改了。