vite+vue3+ts项目之新建项目

专栏目录请点击

1. 使用vite新建项目 点击
2. 清除默认样式
   1. 这儿有一份reset.css的样式 点击
   2. 复制这些样式，我们在assets下新建reset.css，粘贴复制的样式
   3. 在main.ts中引入我们的reset.css ,这里的重置与移动端的重置差不多 点击
3. 在项目中引入预编译器，比如less，sass等
   1. 安装相应的依赖 官网

      npm add -D less
      

   2. 在相应的style标签上写上

      <style lang="less">
      

   3. 这样我们就可以开心的使用我们的预编译器了
4. 别名的配置，在vite.config.ts下写上如下代码

const { resolve } = require(‘path’)
export default {
	alias: {
   		 '@': resolve(__dirname, 'src'),
    },
}

在tsconfig.json加上如下代码

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

5. 安装node的ts定义

npm i --save-dev @types/node

安装时候，我们就会在node_moudules下发现新安装的类型声明