React 开发环境搭建

Damumu
• 阅读 474
1. 安装node.js (自带npm),地址:https://nodejs.org/zh-cn/
2. 安装完成后,通过win+R cmd唤起命令窗口,输入node -v和npm -v查看版本号,正确显示则代表安装成功

React 开发环境搭建

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

React 开发环境搭建 cnpm -v 检查是否成功 React 开发环境搭建 npm config set registry https://registry.npm.taobao.org

4. 开始创建react项目(使用create-react-app脚手架)

(1)cmd进入文件所在盘符及文件下,如 F:\react\frontApp (2)cnpm install -g create-react-app React 开发环境搭建 (3)create-react-app 项目名称 React 开发环境搭建 附:Create React App中文地址:https://create-react-app.bootcss.com/

5. 修改项目启动端口

package.json -> scripts -> start -> "set PORT=3002&&react-scripts start" React 开发环境搭建

6. 引入Antd组件

npm install antd --save

7. 其他

使用creat-react-app初始化项目后, 运行npm run eject会暴露出隐藏的配置文件, 会将原本creat react app对webpack, babel等相关配置的封装弹射出来。

点赞
收藏
评论区
推荐文章
Easter79 Easter79
2年前
Vue 学习记录(一)
环境准备1.node.js  2.vuecli安装配置环境1.下载node.js,使用默认配置安装。2.使用npm命令安装国内下载镜像(可选)  cmd:  npminstall g cnpm registryhttps://registry.npm.taobao.org  tips:在命
昔不亏 昔不亏
2年前
「Node+Express+Mysql搭建API接口平台」笔记1(P1,P2)
1:本地环境安装:node、npm、express自检:nodev、npmv、expressversionexpress安装命令:npminstallexpressg&&npminstallgexpressgenerator2:创建并启动项目D:\workspace\nodeApiexpressapiLearnD:\workspac
Damumu Damumu
1年前
使用webpack配置TS项目
初始化项目准备工作:首先要安装node,node官网:https://nodejs.org/en/全局安装npmnpminstallglobalgulpnpm安装typescriptnpminstallgtypescript开始初始化项目通过执行命令npm
大大泡泡糖 大大泡泡糖
2年前
appium+python+mumu模拟器的安装教程window
windows版本Appium环境搭建1、安装nodejs下载.msi文件https://nodejs.org/en/download/注意:1、下载12.版本双击安装即可。2、无须配置环境变量,直接重启一个cmd输入下面的命令,能够查看这两个版本号即安装成功。2、安装appiumdesktop直接官网下载Appium客户端版本安装即可。
Stella981 Stella981
2年前
Git基础考试题
Git:1.在windows上搭建git环境,成功后查看版本号Linux安装sudoaptgetinstallgityyuminstallgitywindows直接安装exe查看版本号:gitversion2.git与svn的区别(1)git是分布式的,svn是集中式的(2)git把内容按元数据的方式
Stella981 Stella981
2年前
Redis与Memecahed注册服务
一、Redis方法1:通过redis的自带工具安装1.    进入redis安装目录2.    shift鼠标右键打开菜单,点击“在此处打开命令窗口”,成功打开cmd3.    安装redis服务:redisserverserviceinstallredis.windows.confservicenamer
Stella981 Stella981
2年前
Git总结笔记1
1.环境搭建:Linux:安装gityuminstallygitWindows:到官网下载安装包安装完成后配置如下用户名和邮箱:gitconfigglobaluser.name"YourName"gitconfigglobaluser.email"email@exam
Stella981 Stella981
2年前
Git配置用户信息和SSH
安装完成后,在开始菜单里找到“Git”“GitBash”,蹦出一个类似命令行窗口的东西,就说明Git安装成功!!(https://oscimg.oschina.net/oscnet/aecb88450a03a6adea9b4a75e7c44904e48.png)1.配置用户信息在命令行输入:$gitconfiggl
芝士年糕 芝士年糕
1年前
windows开启ssh服务教程
推荐使用3A服务器安装Windows系统,首先可以先查看一下自己的电脑是否开启了SSH使用WinR,输入cmd,回车。打开WindowsPowerShell或者命令提示符窗口。输入ssh,如果出现图上内容代表你的电脑上已经安装了ssh。如果出现报错,提示错误等,就代表没有安装或者没有开启。安装并开启SSH1.通过电脑右下角打开设置。2.打开应用。2.在应
李忠 李忠
7个月前
VUE学习总结
VUE学习总结VUE基本语法VUE是基于ES6进行开发的。VUE安装1、安装node.jsnode.js下载地址:https://nodejs.org/en/download下载好后,点击安装,一直下一步即可。安装成功后在控制台通过下面命令如果出现版本号,
Damumu
Damumu
Lv1
从程序猿到攻城狮的技术之路。
文章
7
粉丝
2
获赞
7