如何使用vite来创建vue3+TS的项目?
在我们日常开发学习过程中,如何结合vue3来使用TypeScript呢?非常简单一起来看看吧!
使用vite创建项目,并选择带ts的版本,主要使用到的命令:
npm create vite@latest 项目名 – --template vue-ts
官网链接:https://vuejs.org/guide/typescript/composition-api.html
下面一起来创建一个项目试一试吧
- 打开cmd,输入命令创建项目
npm create vite@latest 项目名 -- --template vue-ts
- 切换到项目,下包
cd 项目名
npm install
- 运行项目
npm run dev
复制网址,粘贴到Chrome中,此时就可以看见TS和我们熟悉的大V了~
通过vscode打开
- 也可以通过vscode打开哦
- 打开后,我们就是可以看到项目的目录结构了哦~
- 可以通过终端运行起来
npm run dev
- 按住ctrl+点击网址后,即可看见项目的视图界面