VUE+VITE

1、创建vue3项目

npm create vite@latest

输入项目的名字(作者就用test了)

Project name: » vite-project

按上下选择框架，这就选vue然后回车

√ Project name: ... test
? Select a framework: » - Use arrow-keys. Return to submit.
    Vanilla
>   Vue
    React
    Preact
    Lit
    Svelte

选择ts

? Select a variant: » - Use arrow-keys. Return to submit.
    JavaScript
>   TypeScript
    Customize with create-vue
    Nuxt

然后控制台出现后面这三条命令，cv就行

Done. Now run:
  cd test
  npm install
  npm run dev

2、安装less/scss

由于是使用vite,vite它提供了对 .scss, .sass, .less, .styl 和 .stylus 文件的内置支持,但必须安装相应的预处理器依赖;

国内一般只使用 less 或 scss,所以我只写这两个安装

安装less依赖

npm add -D less 

安装scss  and  sass 依赖

npm add -D sass 

安装后可以直接使用less了  ,当然，也可以使用scss,一般只下一个就够了,我比较推荐scss