Vite 为 Vue3 带来新脚手架工具 create-vue

其定位与 @vue/cli 类似，均为脚手架工具。不同点就是开发服务器、打包器的职能从 cli 的 webpack 转为 vite，迅速上手体验一波：

C@C   base  ~..\workshop  npm init vue@next
npx: installed 1 in 4.352s
√ Project name: ... vprj
√ Add TypeScript? ... No / Yes -- 选了 Yes
√ Add JSX Support? ... No / Yes -- 选了 No
√ Add Vue Router for Single Page Application development? ... No / Yes -- 选了 Yes
√ Add Vuex for state management? ... No / Yes -- 选了 Yes
√ Add Cypress for testing? ... No / Yes -- 选了 No

Scaffolding project in C:\Users\C\Desktop\workshop\vprj...

Done. Now run:

  cd vprj
  npm install
  npm run dev

安装依赖并运行后的效果（esbuild实在是快！）：

  vite v2.6.4 dev server running at:

  > Local: http://localhost:3000/
  > Network: use `--host` to expose

  ready in 733ms.
  

项目目录结构和配置：

• src/components，Vue 组件目录
• src/router，路由相关代码
• src/store，Vuex 相关代码
• src/views，路由页面
• src/App.vue 和 src/main.ts 即主入口文件

上述几个目录是很经典的约定目录了，不赘述。

与 Vite 的 vue 模板对比来看，这个的定位更像脚手架，这货刚刚发布不久，以后一定有赶超之势。