第一个react webapp

安装nodejs

从nodejs国内官方网站下载nodejs对应版本，这里选择最新版本是v10.6.0，msi安装方式。安装完成之后，nodejs文件结构：



安装完成会自动将nodejs可执行程序路径加入环境变量中，可以通过命令行验证安装结果。



设置国内源


nodejs默认的源无法访问，需要设置为淘宝源。设置方法可以通过命令行，也可以直接在C:\Users\Administrator下新建文件.npmrc，配置如下内容：registry=https://registry.npm.taobao.org。

通过命令行设置如下：npm config set registry https://registry.npm.taobao.org



创建项目

命令行下运行命：npx creat-react-app tutorial



启动项目

根据提示，进入tutorial目录，运行npm start，默认会开启一个http server服务，并监听3000端口。



这时候，会自动打开浏览器，显示结果如下：



精简项目去掉无用代码

精简后的index.js
import React from 'react'; import ReactDOM from 'react-dom'; import App from
'./App'; ReactDOM.render(<App />, document.getElementById('root'));
App.js
import React, { Component } from 'react'; class App extends Component {
render() { return ( <div className="App"> <h2>hello,react native app.</h2>
</div> ); } } export default App;
精简后的项目目录以及相关文件。



编译不会报错，页面变为这个样子：



接下来就可以随意开发自己的项目了。

• « 上一篇：平安科技Java后台开发面试
• » 下一篇：mongoDB看这篇就够了