Node和React(hello world)
npm的命令：
Vscode无法运行npm（npm : 无法加载文件）npm : 无法加载文件 C:\Program Files\nod – 掘金
npm 设置源：npm config set registry https://registry.npmmirror.com/
通过CDN引用react:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>React Example</title>
<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
</head>
<body>
<div id="app"></div>
<script>
const e = React.createElement("h1", null, "Hello React!");
ReactDOM.render(e, document.getElementById("app"));
</script>
</body>
</html>
通过CDN以jsx的语法引用react:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>React Example</title>
<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.
development.js"></script>
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
</head>
<body>
<div id="app"></div>
</body>
<script type="text/babel">
ReactDOM.render(<h1>Hello React!</h1>, document.getElementById("app"));
</script>
</html>
除了CDN，还可以用create-react-app工具创建react应用。
npm install -g create-react-app
npx create-react-app first-app或者使用vite:
npm create vite@latest first-app -- --template react
cd first-app
npm install
npm run devnpm install 报错 npm error Exit handler never called!：使用更现代的yarn.
yarn add 报错error Error: certificate has expired： 关闭http校验，yarn config set "strict-ssl" false
