创建vue3+ts项目
时间: 2023-11-13 20:58:45 浏览: 90
vue3+vite+ts环境搭建步骤
5星 · 资源好评率100%
创建Vue3+TypeScript项目的步骤如下:
1. 首先,确保你已经安装了Node.js和npm包管理器。
2. 打开终端并创建一个新的项目文件夹,例如"my-vue-project"。
3. 在终端中进入该文件夹并运行以下命令来初始化一个新的npm项目:
```
npm init -y
```
4. 接下来,安装Vue CLI 4.x版本:
```
npm install -g @vue/cli
```
5. 然后,在终端中运行以下命令来创建一个新的Vue项目:
```
vue create my-app
```
在这里,"my-app"是你的项目名称,你可以根据需要进行更改。
6. 在创建项目时,你将被提示选择一个预设。选择"Manually select features",然后按回车键。
7. 接下来,你将被提示选择要包含在项目中的特性。使用上下箭头键选择"TypeScript"并按空格键选中它,然后按回车键。
8. 然后,你将被提示选择要使用的Vue版本。选择"3.x (Preview)"并按回车键。
9. 然后,你将被提示选择要使用的CSS预处理器。选择你喜欢的预处理器,或者选择"None"以跳过此步骤。
10. 最后,你将被提示选择要使用的Linter/Formatter配置。选择你喜欢的配置,或者选择"None"以跳过此步骤。
11. 等待项目创建完成后,在终端中进入项目文件夹并运行以下命令来启动开发服务器:
```
npm run serve
```
12. 打开浏览器并访问"http://localhost:8080",你应该能够看到你的Vue应用程序正在运行。
阅读全文