主流前端技术栈知识储备

了解主流前端技术栈的概念及其区别，方便前端技术选型

基础概念

目前准备后续个人项目采用vite+vue3构建
1、vite 和 vue-cli
这两者属于创建项目工具，vite也是一种构建工具，而vue-cli采用webpack进行构建
2、sass和less
都是css 加强，sass相对更复杂，且由于网络原因比较麻烦，less相对简单一点
二者都可以使得传统的css，更加清晰

https://juejin.cn/post/6844904169313140749

3、TypeScript 和 JavaScript

JavaScript 是一种脚本编写语言,无需编译即可执行

TypeScript 是 Microsoft 开发和维护的一种面向对象的编程语言。它是 JavaScript 的超集，包含了 JavaScript 的所有元素，可以载入 JavaScript 代码运行，并扩展了 JavaScript 的语法

TypeScript 教程 https://ts.xcatliu.com/

学习

基于vue-cli 和vite 两种方式 创建vue3 项目

https://www.cnblogs.com/wisewrong/p/13717287.html

Tailwind CSS

了解PostCSS https://segmentfault.com/a/1190000003909268

项目创建

基于vite创建vue+typeScript项目

npm init vite@latest 项目名 --template vue-ts