美文网首页ReactNative
React(脚手架)

React(脚手架)

作者: 感觉不错哦 | 来源:发表于2019-02-25 16:59 被阅读60次
    第一次使用脚手架,先学习路由,回头我们用脚手架针对api有时间我再撸一遍

    脚手架的安装,会使用yarn的建议使用yarn

    npm install -g create-react-app
    create-react-app my-app my-app为自己的demo名称

    这里是有个小坑的,就是你的目录名不要使用大写,这样作只要是为了严谨性,因为在Linux下是严格区分大小写的。
    成功安装之后运行npm statr 即可

    出现此页面即可!!!基本目录我们来看看


    我是用yarn安装的,所以yarn.lock可以不用在意,React目前还没有实现热更新,比较集成化,不需要我们配置太多,后续再看吧目前自己也是萌新

    react的生态圈非常庞大,第三方的构建工具也有很多种,比如圈内常用的generator-react-webpack,它是需要yeoman的支持的,当然你可以手打webpack都是一样的

    安装
    npm install -g yo 缩写
    npm install -g generator-react-webpack

    安装好之后输入 创建,这里是我单独创建了一个文件夹


    输入yo ‘name’



    是否开始postcss 选择Y

    因为我的NPM 是真的太慢了,换成yarn试试

    等了好久终于安装好了,npm慢的朋友推荐yarn 安装



    这个目录结构厉害了
    npm start之后出现此页面即可

    看一下目录中的package.json,主要看scripts

    https://github.com/react-webpack-generators/generator-react-webpack
    这是react-webpack-generator的github地址,建议用谷歌翻译

    因为个人比较喜欢webpack,并且自己也在学习所以目前我先使用此脚手架学习,后续会使用create-react-app继续来,学习就是要多练

    相关文章

      网友评论

        本文标题:React(脚手架)

        本文链接:https://www.haomeiwen.com/subject/dflgyqtx.html