• 0.react学习笔记-环境搭建与脚手架


    0.环境搭建

    笔者使用的是deepin/mac两种系统,因为两个电脑经常切换用。环境搭建没什么区别。

    0.1 node安装

    按照node官网叙述安装

    # Using Debian, as root
    curl -sL https://deb.nodesource.com/setup_10.x | bash -
    apt-get install -y nodejs
    

    0.2 yarn 安装

    有时使用node安装后续脚手架时会出错,排错可能比较费时间,所以也推荐使用yarn,部署yarn与node及其使用不冲突。
    先添加源如下:

    curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
    echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list
    

    安装yarn:

    sudo apt-get update && sudo apt-get install yarn
    

    0.3 react 脚手架安装

    开发react使用其脚手架create-react-app是最合适不过的了
    安装:
    这里我只列出使用yarn的安装方法。
    npx create-react-app my-app
    使用以上命令会建立一个my-app文件夹,包含工程文件。
    之后进入my-app中,运行yarn start,此时在3000端口开启一个服务(开发环境)。
    或者可以进行build工作,即运行以下:

    yarn global add serve
    serve -s build
    

    这样就将前端文件进行了编译,此时会在5000端口开启一个服务。

    0.4 yarn安装后无法使用命令

    yarn安装包文件后若无法使用命令,是因为没有进行环境变量的配置。
    如下操作即可:

    nano  ~/.bashrc
    export PATH="$PATH:`yarn global bin`:$HOME/.config/yarn/global/node_modules/.bin"
    source ~/.bashrc
    

    以上就是有关react的环境配置和脚手架搭建工作。

  • 相关阅读:
    object引入出现滚动条问题
    java
    读大道至简有感
    读大道至简第二章有感
    加和程序的流程图及代码
    Unity编程标准导引Unity中的基本概念2.1界面概览
    Unity编程标准导引2.2Unity中的基本概念
    Unity编程标准导引3.1 Component 组件脚本及其基本生命周期
    Unity编程标准导引3.2 MonoBehavior 组件父类重构
    Unity编程标准导引1.1下载和安装Unity
  • 原文地址:https://www.cnblogs.com/puxi/p/10098901.html
Copyright © 2020-2023  润新知