使用 vite 脚手架创建 vue3 项目
# 创建基础模板
# 1. 安装vite
npm i -g create-vite-app
1
# 2. 创建项目
create-vite-app <project-name>
1
或者
cva <project-name>
1
# 3. 进入项目
cd <project-name>
1
# 4. 安装依赖包并启动项目
npm install
npm run dev
1
2
2
# 创建项目模板
官网链接:https://cn.vitejs.dev/guide/why.html Vite创建项目
注意
注:Vite需要Node.js 版本 >= 12.0.0
注意
注:最新版Vite已经不需要手动全局安装,此命令可直接创建项目,请直接切换到相应目录后再运行该命令即可
# 使用 NPM
$ npm init vite@latest
1
# 使用 Yarn:
$ yarn create vite
1
# 使用 PNPM:
$ pnpx create-vite
1
然后按照提示操作即可!
你还可以通过附加的命令行选项直接指定项目名称和你想要使用的模板。例如,要构建一个 Vite + Vue 项目,运行:
# npm 6.x
npm init vite@latest my-vue-app --template vue
1
# npm 7+, 需要额外的双横线
npm init vite@latest my-vue-app -- --template vue
1
# yarn
yarn create vite my-vue-app --template vue
1
支持的模板预设包括:
vanilla
vanilla-ts
vue
vue-ts
react
react-ts
preact
preact-ts
lit-element
lit-element-ts
svelte
svelte-ts
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
查看 create-vite (opens new window) 以获取每个模板的更多细节。
上次更新: 2024/01/30, 00:35:17
- 01
- Node与GLIBC_2.27不兼容解决方案08-19
- 02
- Git清空本地文件跟踪缓存08-13