开心一笑: 会买水果的狗狗

    关注微信公众号

    QQ群:831045818

    app下载

    当前位置:首页> React > 技术文档 > 正文
    React 安装环境
    发布时间:2019-08-12 10:57:28.0 浏览次数:

    1.node.js官网:https://nodejs.org/en/ 安装


    2.替换node中的npm为cnpm

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

    image.png

    默认目录:C:\Users\Administrator\AppData\Roaming\npm\node_modules\


    3.安装 cnpm install -g create-react-app

    全局安装create-react-app脚手架工具,然后就可以使用命令创建新的react项目,用CD进行目录中,可指定安装目录


    4 F:\react\ReactNative>create-react-app app1

    注:无法直接安装指定目录时,先全局安装,再DOS进行指定目录进行安装(create-react-app app1) 

    image.png


    5.目录说明

    image.png


    node_modules用于存放项目的依赖包,也就是构建这个React项目可能会用到的工具,

    --public文件夹中是 index.html存放目录,也就是React根页面的所在地

    --src中用于存放js文件,也就是项目开发中的主要区域

    --package.json用于记录项目信息,以及外部依赖包的导入信息等

     --json文件不能直接打开,需要用到文本编辑器,本人用的是VScode

    https://www.newasp.net/soft/319970.html 下载地址

    6.项目安装

    cnpm init   (然后一路回车项目基本信息)

    image.png

    cnpm install --save react react-dom  ( 在该目录下导入react和react-dom)

    cnpm install --save  react-router-dom   (react路由)


    7启动

    npm start

    image.png

    关注"都市百货" 了解南陵

    微信咨询wanglf2r(不拉群 发广告者勿加)

    0
    0
    上一篇:2019年南陵县“师带徒”为主技能脱贫小班培训合格人员个人补贴名单 上一篇:南陵在沪经济文化促进会妇委会成立大会隆重举行

    评论已有0

    提交评论

    热门评论

    南陵新闻
    公示公告
    常用查询
    风光南陵
    走出南陵
    友情链接