vue-cli

安装vue-cli并创建项目

npm install @vue/cli -g
vue create 项目名称

vite

除了webpack，还有很多前端构件化工具，其中vite最为突出，下面是vite的基本使用

npm install vite -D
npx vite //启动本地服务
npx vite build //打包项目
npx vite preview //运行打包后的项目

vite不需要做很多配置，例如css、ts，是直接就可以使用的。但是像less，postcss虽然也不需要像webpack一样配置，但是下载对应插件还是需要的。

vite启的本地Connect服务器（2.0以上用的Connect，旧版本用的是Koa，Webpack是基于express），会将ts与less文件进行拦截转化为ES6以上的JS代码和普通CSS代码，再转发给浏览器解析。