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

    安装 create-react-app 脚手架以及初始化项目

      1. npm install -g create-react-app   本地全局安装 react 脚手架

      2. create-react-app webapp           通过脚手架指令 创建项目 webapp, 注意名字不能有大写字母  

      3. npm i       安装依赖

    常用库和插件

      npm install mobx --save    安装 mobx 状态管理工具

           npm install node-sass -D      安装 sass

      npm install axios        安装 axios

      npm install antd --save      安装 ant design

    src 文件目录

      assets 静态资源,存放 字体、图片、css hack 等
      components 建立公共组件文件夹,这是放公共组件的
      layouts 建立布局文件夹 确定好你的项目布局样式 
      modules 我们具体的功能模块 存放我们项目的实际页面
      services 接口文件夹 存放所有请求
      store 装redux的

    q&a

      q:搭建带有 typescript 的 React 项目

      a:npx create-react-app myapp --template typescript

      q:生成配置 tsconfig.json

      a:执行 npx tsc --init

      q:无法使用 jsx,除非提供了 --jsx标志

      a:npm install --save-dev typescript  安装依赖 - F1 Open User Setting - settings.json 插入 "typescript.tsdk":"{your_global_npm_path}/node_modules/typescript/lib"

        c+p TypeScript 选择版本工作区版本

  • 相关阅读:
    多点触摸的一些代码
    精灵跳跃练习
    svn安装所遇到的几个问题[转载]
    简易包边字画法
    http和socket简介
    ant使用笔记
    j2se图片拖拽练习
    A星寻路示例
    迅为瑞芯微iTOP3399开发板资料更新
    迅为i.MX6Q开发板NXP恩智浦ARM安卓linux开发板
  • 原文地址:https://www.cnblogs.com/Isabel-1996/p/14065518.html
Copyright © 2011-2022 走看看