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;
}