Vite搭建Vue3 + TypeScript 项目(Yarn)
以下是使用Yarn创建Vue 3项目的步骤:
- 确保你已经安装了Node.js和Yarn。
- 在命令行中运行以下命令来创建一个新的Vue 3项目:
yarn create vite
- 在创建过程中,选择
vue-ts
模板作为项目基础。 - 输入项目名称,例如
my-vue3-project
。 - 选择Vue 3作为框架。
- 选择是否需要使用路由和状态管理。
- 最后,选择文件夹路径和是否将项目初始化为Git仓库。
以下是一个简化的命令序列示例:
yarn create vite
? Select a framework
Vanilla
> Vue
React
React & Vanilla
Angular
Svelte
? Select a variant
JavaScript
TypeScript
> TypeScript
? Enter a project name (e.g. my-vue-app) my-vue3-project
? Select a template (Use arrow keys)
> Vue 3
Vue 2
? Select a style preprocessor (PostCSS, Sass, Less)
? Select a linter / formatter (ESLint with Airbnb config)
? Select additional lint features (Lint on save, Lint and fix on commit)
? Where do you prefer placing config for Babel, PostCSS, ESLint, etc.?
> In dedicated config files
? Save this as a preset for future projects?
完成后,Yarn会自动安装依赖并设置项目。
现在,你有了一个使用Vite搭建、基于Vue 3和TypeScript的新项目。
评论已关闭