Vite ---- 创建Vue3.0+TS项目

Vite ---- 创建Vue3.0+TS项目

写在前面:npmyarn以及其他的包管理工具都可以创建项目,例如pnpm,具体创建方法自行查阅Vite官网,这里不再赘述。
本文以npm创建项目,用yarn管理项目的依赖模块。

一、创建项目

  • 没有安装vitejs模块的会提示安装,选择yes即可。
npm init @vitejs/app
  • 命名项目名称
Project name: ... vue3bingdwendwen
  • 选择模板
Select a framework >> vue
  • 选择数据类型
Select a variant >> vue-ts
  • 等待创建成功即可(创建的过程也是异常的快!):
    Vite ---- 创建Vue3.0+TS项目_第1张图片

二、运行项目

  • cd到项目路径里面
cd vue3bingdwendwen
  • 利用yarn安装依赖
yarn install

Vite ---- 创建Vue3.0+TS项目_第2张图片

  • 运行
yarn run dev

Vite ---- 创建Vue3.0+TS项目_第3张图片
打开的过程那是惊人的快!属于是秒开了,非常的舒服nice!
Vite ---- 创建Vue3.0+TS项目_第4张图片

你可能感兴趣的:(vue,vue.js,npm,typescript)