react ts vite 初始化配置

1.设置初始样式

yarn add reset-css

引入全局样式要提前引入生效

import React from 'react'
import ReactDOM from 'react-dom/client'
import "reset-css"
// 先默认样式 后组件样式
import App from './App'

2.设置路径别名

在vite.config.ts

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import * as path from 'path'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  resolve: {
    alias: {
      "@":path.resolve(__dirname,'./src')
    }
  }
})

安装 npm i -D @types/node    消除ts下错误提示

设置路径别名提示

tsconfig.json  compilerOptions中加入

 "baseUrl": "./",
    "paths": {
      "@/*":[
        "src/*"
      ]
    }

global.scss设计

$color:#fff;
body{
    background-color: $color;
    // 禁止选中文字
    user-select:none;
}
img{
    // 禁止拖动图片
    -webkit-user-drag: none;
}