怎么在VScode安装react项目? - 网站

怎么在VScode安装react项目?

分类:VSCode使用教程 · 发布时间:2020-05-25 11:49 · 阅读:1817

下面本篇文章给大家介绍一下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

相关文章

vs code能代替vs用么?

不能。vscode是一个很简洁的文本编辑器,占用空间不超过100m,需要自己安装插件并手动设置参数。vs是一个功能全面的集成开发环境,占用空间根据选择变化(一般大于20G),刚刚安装完成,就能直接用。编译工具,调试工具,各个语言的开发工具,都是已经配置好的,可以做到开箱即用。

vscode是什么

vscode全称是Visual Studio Code,是Microsoft在2015年4月30日Build开发者大会上正式宣布一个运行于Mac OS X、Windows和Linux之上的,针对于编写现代Web和云应用的跨平台源代码编辑器。

15个开发中常用vscode插件推荐

VSCode是微软出的一款轻量级代码编辑器,免费、开源而且功能强大。它支持几乎所有主流的程序语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性,支持插件扩展。

8个让你编码嗨到停不下来的VSCode插件

拥有合适的工具可以让你的开发工作变得更加轻松。许多开发人员使用 VSCode 作为开发工具,VSCode 允许安装各种扩展工具。

推荐两个vscode编写typescript的插件

由于项目组最近准备从javascript迁移到typescript;在使用ts过程中有部分类型定义及代码片段有重复;所以编写了两个vscode插件;如有需要可以查阅。

返回分类 返回首页