windows npm创建react应用环境

2019-09-13 10:02:39 | 编辑

windows npm创建react应用环境,其实其他操作系统也是差不多的


1.首先你要下载nodejs

nodejs下载官网:https://nodejs.org。


windos中下载直接安装就可以了,就有了nodejs和npm环境。

你就可以打开cmd输入"-v"命令检查是否安装好了。react要求nodejs版本大于6和npm版本大于5.2。反正你下载的是首页最新的就对了


C:\Users\Administrator>node -v
v8.11.4
C:\Users\Administrator>npm -v
5.6.0


2.使用命令创建react应用

先cd命令切换到你想要存放app的目录,默认是创建到cmd的当前的目录的。

npx create-react-app my-app

一直等着出现下面的信息就表示安装成功了。

Success! Created my-app at C:\Users\Administrator\my-app
Inside that directory, you can run several commands:
  npm start
    Starts the development server.
  npm run build
    Bundles the app into static files for production.
  npm test
    Starts the test runner.
  npm run eject
    Removes this tool and copies build dependencies, configuration files
    and scripts into the app directory. If you do this, you can’t go back!
We suggest that you begin by typing:
  cd my-app
  npm start
Happy hacking!


你可以打开my-app的目录,看看,这就是你入门react的第一个demo,你可以看看这个app的结构。


3.启动react应用

C:\Users\Administrator>cd my-app
C:\Users\Administrator\my-app>npm start
> my-app@0.1.0 start C:\Users\Administrator\my-app
> react-scripts start
Starting the development server...
Compiled successfully!
You can now view my-app in the browser.
  Local:            http://localhost:3000/
  On Your Network:  http://192.168.65.1:3000/
Note that the development build is not optimized.
To create a production build, use npm run build.

执行完后会自动直接打开浏览器来浏览这个应用,你可以看到下面的界面,react环境就搭建成功了,你可以在这个应用的基础上开发你的react项目了

react.png


登录后即可回复 登录 | 注册
    
关注编程学问公众号