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 选择版本工作区版本