创建react+ts+vant+cracocraco+axios+router+sass的命令

要创建一个React + TypeScript + Vant + @craco/craco + Axios + React Router + Sass的项目，你可以按照以下步骤进行操作：

首先，确保你已经安装了Node.js和npm，然后在终端中运行以下命令来创建一个新的React项目：

npx create-react-app my-app --template typescript

cd my-app

安装Vant UI库：

npm install vant

安装@craco/craco，用于自定义Create React App的配置：

npm install @craco/craco

创建一个craco.config.js文件，用于配置@craco/craco：

// craco.config.js
module.exports = {
  style: {
    postcss: {
      plugins: [
        require("autoprefixer")(),
        require("postcss-px-to-viewport")({
          unitToConvert: "px",
          viewportWidth: 375, // 设计稿宽度
          unitPrecision: 6,
          propList: ["*"],
          viewportUnit: "vw",
          fontViewportUnit: "vw",
          selectorBlackList: [],
          minPixelValue: 1,
          mediaQuery: false,
          replace: true,
          exclude: [/node_modules/],
        }),
      ],
    },
  },
};

修改package.json中的scripts，将启动命令修改为使用@craco/craco：

"scripts": {
  "start": "craco start",
  "build": "craco build",
  "test": "craco test",
  "eject": "react-scripts eject"
}

安装Axios和React Router：

npm install axios react-router-dom

安装node-sass和sass-loader，用于编译Sass文件：

npm install node-sass sass-loader

修改src/App.tsx，引入Vant的样式文件：

import 'vant/lib/index.css';

现在你可以开始根据你的需求编写React组件，并使用Vant、Axios和React Router了。

以上就是创建React + TypeScript + Vant + @craco/craco + Axios + React Router + Sass项目的命令。请确保已经安装了相应的依赖，并按照步骤进行操作

创建react+ts+vant+cracocraco+axios+router+sass的命令