zoukankan      html  css  js  c++  java
  • React----项目搭建

    一、说在前面的话

      React系列随笔将记录我在使用React的过程中的点点滴滴。如有错误,请及时通知我。每篇随笔,会在开始“写在前面的话”介绍文章的内容。

      本文主要是记录如何搭建一个react项目.本随笔比较简单,可以忽略

      已安装NodeJs 和Npm了

    二、创建项目

      运行命令:

    npx create-react-app webapp_name 
    

      如果在命令结尾加上 --typescript则会创建一个以TS语言为基础的react项目。

      注,若生成以TS版本为基础的react 项目,则当安装对应的项目依赖,如安装lodash的时候,除了需要lodash依赖,还需要安装对应的ts声明@types/lodash. 一般依赖包对应ts版本的声明是@types/依赖包名称

    三、运行项目

      在命令行输入:

    npm start
    

      即可执行,然后在浏览器中打开http://localhost:3000 即可看到react默认的模板项目啦

    四、调试项目

      这一节这里主要简单说明一下,后续会专门的随笔记录react调试。

      调试的三种方式:

      console.log

      react-dev-tools

      chrome 的react开发者工具

  • 相关阅读:
    虚拟化与KVM部署
    Jenkins部署及使用
    Tomcat及LAMT架构搭建
    版本控制与Gitlab配置
    Cobbler介绍及搭载
    MYSQL集群配置
    HAProxy——配置与实例
    LVS——配置实例
    Linux——集群
    关于IntellIJ IDEA 2016.2.4新建项目的Java Enterprise没有显示问题
  • 原文地址:https://www.cnblogs.com/kingkangstudy/p/11995813.html
Copyright © 2011-2022 走看看