作者:蟹子萝卜控 | 来源:互联网 | 2020-11-26 15:06
在code中安装react的方法:首先安装好vscode;然后使用npm安装“create-react-app”;接着通过“create-react-appmy-app”命令创建一个React项目;最后运行npmstart进行检测即可。
在code中安装react的方法:首先安装好vscode;然后使用npm安装“create-react-app”;接着通过“create-react-app my-app”命令创建一个React项目;最后运行npm start进行检测即可。
创建完两个节点 之后 找到 "request": "launch"
的一个节点里面有一个url将这个url设置为之前 React 项目启动的url,即 http://localhost:3000/
另一个配置节点默认即可如有问题再做修改,修改后的全部配置如下:
{
// 使用 IntelliSense 了解相关属性。
// 悬停以查看现有属性的描述。
// 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "attach",
"name": "Attach to Chrome",
"port": 9222,
"webRoot": "${workspaceFolder}"
},
{
"type": "chrome",
"request": "launch",
"name": "chrome",
"url": "http://localhost:3000",
"webRoot": "${workspaceFolder}"
},
{
"type": "node",
"request": "launch",
"name": "node",
"program": "${workspaceFolder}\\start"
}
]}
启动项目npm start
然后打开debug工具栏
以上就是怎么在code安装react的详细内容,更多请关注 第一PHP社区 其它相关文章!