【学习打卡】第1天 Vite 从入门到精通，玩转新时代前端构建法则

课程名称：Vite 从入门到精通，玩转新时代前端构建法则

课程章节： Vite 的基础应用

主讲老师：Jokcy

课程内容：

今天学习的内容包括：

Vite的优势：1.上手非常简单， 2. 开发效率极高。 3. 社区成本低（兼容rollup插件）

Vite分别创建vue3 vue2 react项目 使用npm init @vitejs/app 创建项目，进入创建流程，选择创建的类型

Vite的css的处理： 原生是支持css的，vite集成了css的variable 配置postcss, 在vite.config.js中配置插件

@postcss-plugins/console

课程收获：

Vite的优势有哪些？比如1.上手非常简单， 2. 开发效率极高。 3. 社区成本低（兼容rollup插件）

Vite 如何创建项目的命令行

Vite 中css的处理：路径映射； 配置 resolve中的alias："@/styles":"/src/styles"

Vite 中使用Typescript vite中本身就集成的是es6，所以只做编译不做校验。需要校验就需要tsc--noEmit去校验

在ts的配置中推荐设置isolatedModules, 因为vite只提供编译只编译单文件的，对于ts来说又可以模块间关联不同文件类型