怎么在VScode安装react项目?

下面本篇文章给大家介绍一下VSCode 安装 React 项目。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

VSCode 安装 React 项目

1、下载nodejs 安装 (此时npm 和 node环境都已经装好)

2、安装淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

3、安装git

3、创建一个放置项目的目录,右键选择 Git Bash Here 打开git 输入:

npm install -g create-react-app

4、安装完 create-react-app 之后 继续输入

create-react-app my-app

6、cd 项目名 下面继续执行 npm start 检测当前项目是否创建成功 正常情况下当输入命令之后 会直接打开默认浏览器预览 http://localhost:3000/ 此时会看到一个react的页面

7、执行完 nm start 之后可能会出现 Something is already running on port 3000.

解决办法:重新执行 :PORT=3001 npm start (这个端口只要不和3000相同就行)

以上的执行完就可以创建一个React项目了,至于安装代码检测,Debugger 等,按照自己的喜好添加就可以

更多web前端知识,请查阅 HTML中文网 !!

以上就是怎么在VScode安装react项目?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » VSCode

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏