Ch01 install react
Yang Haoran 5/11/2022 react
# Install react
首先要装有nvm和nodejs
先安装nvm,再在nvm安装目录下新建一个nodejs文件夹,再用nvm install安装
修改环境变量到新建的nodejs目录下

nvm install node版本包
nvm ls 查看安装了哪些node版本包
nvm use node版本包(指定使用哪个版本的node)
记住一定要先修改环境变量再安装node包
1
2
3
4
2
3
4
使用脚手架工具安装react
npx create-react-app demo
1
查看新项目如何运行,看package.json文件的scripts 部分
package-lock.json是索引到本机上的一些包的
public放的是静态文件,所有的东西都会被注入到root里面

src文件夹下所有的文件都可以删除,新建一个index.js, 按照模板写
import ReactDOM from 'react-dom' // ReactDOM.render(组件名称,要注入的元素) ReactDOM.render( <h2> hello </h2>, document.getElementById("root") )1
2
3
4
5
6
7在vscode中如果保存文件有问题,会自动格式化和红线
禁用vscode里面的JS-CSS-HTML Formatter的插件, 然后重启vscode就不报错了

使用npm run start来启动项目