react ant 目录结构

一、最新的node.js

原博文是这样写

npm install -g n //首先安装n模块 
n stable //升级node.js到最新稳 
n 5.0.0 //或者指定版本升级 
node -v //检查更新是否成功

己是去重新下了一个最新版的node.js

二、修改npm源为淘宝源

npm config set registry “”

加快npm下载速度,不这样做的话npm install会卡很久。

三、安装脚手架

首先确保自己安装了nodejs,然后全局安装yeoman
npm install -g yo

然后直接安装脚手架
npm install -g generator-reactpackage123456

四、创建React项目

在合适的地方新建一个文件夹,在文件夹下运行:
yo reactpackage12
然后就会在此目录下生成以下目录结构:

├── data
│ └── test.json├── src
│ ├── components
│ │ └── App.js│ ├── images
│ │ └── yeoman.png│ ├── styles
│ │ └── app.scss│ ├── vendor
│ │ └── jquery.js│ ├── views
│ │ └── home.html├── node_modules
├── index.html├── package.json└── webpack.config.js1234567891011121314151617181920

五、调试打包React项目

然后使用以下命令:
npm run dev //项目开发过程使用,启动服务,实时刷新npm run build //开发完成之后打包文件(js、css分开打包)123

六、测试预览项目

本项目默认监听端口是8888,所以在浏览器输入 http://localhost:8888,或者index.html->右键打开方式->chrome 就能看到效果了
如果执行上述命令提示错误:Error: getaddrinfo ENOTFOUND localhost,在host文件里面添加127.0.0.1 localhost即可
监听端口和实时刷新的功能都能在webpack.config.js文件中修改配置123

s7 1200与v90 pn 超级机器 二蛋视频 重生之全能兑换系统txt 河神大人求收养刪減 王者荣耀兰陵王漫画 bestintheworld promeco 厨具 漯河国资委 dota2 英雄背景 野蛮老公请深爱第36集 行车证办信用卡 可爱橡皮泥作品图片 足球十二人 李翊君唱诺言是多大 isd4004电路 win10 64位企业版 投影仪被锁上怎么解决 溧水114网站 孩子过敏几天能好 机器人三原则 乐唯亭红酒 聊城市委组织部李玉静 grd 等高线 光良专辑 童话 重生之风雷之鹰 猎毒人全集 magnet 新乐市贾川 汽车广告词 引力场方程

Copyright 八天网 Some Rights Reserved

如反馈或投诉等情况联系:une35498#163.com