使用vue-cli创建vue3+ts项目

提示：该文章为vue3+ts的！该文章是博主看的B站尚硅谷视频课来进行整理的！尚硅谷的课真的很不错！

文章目录

使用vue-cli创建vue3+ts项目
前言
一、使用 vue-cli 创建项目
二、使用步骤
总结

前言

vue3出了之后，大家已经发现vue3的底层是拿ts写的，当然，vue对ts的适配度可是很好的了，在项目中使用ts做开发的话，可以从开始就能规避很多类型上的一些bug，真的很香啊！这篇文章的话，给大家介绍一下怎样用vue-cli搭建vue+ts的项目！

提示：以下是本篇文章正文内容，下面案例可供参考

一、使用 vue-cli 创建项目

官方文档：https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create

## 安装或升级脚手架
npm install -g @vue/cli
## 确保 vue-cli 版本在 4.5.0 以上
vue -V
## 创建项目
vue create ts-demo

二、使用步骤

以下为博主自己的搭建方法，大家可以按照自己的习惯来创建

Please pick a preset => 选择 Manually select features
Check the features needed for your project => 选择上 TypeScript ，特别注意点空格是选择，点回车是下一步
Choose a version of Vue.js that you want to start the project with => 选择 3.x (Preview)
Use class-style component syntax => 直接回车
Use Babel alongside TypeScript => 直接回车
Pick a linter / formatter config => 直接回车
Use history mode for router? => 直接回车
Pick a linter / formatter config => 直接回车
Pick additional lint features => 直接回车
Where do you prefer placing config for Babel, ESLint, etc.? => 直接回车
Save this as a preset for future projects? => 直接回车
运行项目

// 进去创建的目录
cd ts-demo
// 运行项目
npm run serve

总结

提示：这里对文章进行总结：

以上就是vue3+ts项目搭建，如果您觉得文章有用的话，辛苦大家点个赞或者加个关注啦~，文章不定期更新

使用vue-cli创建vue3+ts项目相关推荐

vue cli创建vue3.0项目步骤
1.安装node.js(node.js下载地址) 2. 全局安装vue-cli最新版本 npm install -g @vue/cli 安装成功后,可以通过 vue -V 查看下载的@vue/cli版 ...
使用Vite创建Vue3+TS项目并整合Element Plus框架等一条龙服务
记录一下使用Vite创建Vue3+TS项目以及整合Element Plus框架,还有Less.Pinia.Vue-router.monaco-editor等插件或组件. 一.使用Vite创建Vue3+ ...
用vite创建 vue3 ts项目
先看看vite官网这都2022年了,你肯定玩过vite + vue3 + ts项目吧原先都是其他同事创建好项目,我直接上手这次我自己来创建一下,在这里做一下记录可以直接跟着官方教程走 http ...
vue = 什么意思_记录使用@vue/cli搭建Vue3项目完整流程
最近发现vue两大UI框架Element UI和Ant Design Vue都已经支持Vue3了,如果再不学习Vue3就落伍了,此文章记录下使用@vue/cli搭建Vue3项目完整流程. 1 安装vu ...
cli vue 卸载_记录使用@vue/cli搭建Vue3项目完整流程
最近发现vue两大UI框架Element UI和Ant Design Vue都已经支持Vue3了,如果再不学习Vue3就落伍了,此文章记录下使用@vue/cli搭建Vue3项目完整流程. 1 安装vu ...
使用Vue cli创建Vue项目
使用Vue cli创建Vue项目第一步:安装node.js 安装node.js,从node.js官网下载并安装node,安装过程很简单,一路"下一步"就可以了(傻瓜式安装).安装 ...
使用 Vue CLI 创建 Vue 2.x 项目
使用 Vue CLI 创建 Vue 2.x 项目什么是 Vue CLI 使用 Vue CLI 创建 Vue.js 项目 1. 准备 Node 和 npm 1.1 检查 Node 版本: 1.2 检查 ...
window系统使用 bash 新建 vue3+ts 项目以及 preset 模板使用
前提已经装了 bash 命令行 vue 开发环境以及 vue3 背景 vue3 稳定版已经发布一段时间了,vue3+ts的开发模式能大大提升vue项目的维护性和稳定性. 故这里尝试下使用vue c ...
vue - - - - vite创建vue3项目（不使用TS）
vite创建vue3项目 vite官方文档 1. 使用指令创建项目 > npm create vite your-project-name > or > yarn create vi ...

使用vue-cli创建vue3+ts项目

使用vue-cli创建vue3+ts项目

文章目录

前言

一、使用 vue-cli 创建项目

二、使用步骤

总结

使用vue-cli创建vue3+ts项目相关推荐

最新文章

热门文章