今天小编给大家分享一下怎么用vite简单搭建ts+vue3全家桶的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。或者或者（小tips:git bash中直接按上下键切换选择自己想要的选项，虽然界面中不会动态展示切换的用户交互过程，但是别担心，在回车后可以看到是切换到了对应选项的）如此一来，项目初始化完成，我们会得到一个文件结构如下图的项目：此时，ts文件都会报此类错误：找不到依赖因此我们需要执行npm install来安装依赖，安装完成后就ok了。如果编辑器此时还是有报错提示可以重新打开文件试试。此时已无报错：跟着package.json中的脚本设定，尝试启动项目，结果如下：此时，项目初始化就算是完成了。（1）安装vue-router或者（2）在src下新建一个router文件夹，作为vue-router的配置目录。此目录下再新建index.ts文件，编辑内容如下：（3）新建一个views文件夹，作为项目界面开发目录。参考router中的配置可知，在views目录下免费云主机域名新建home目录并新建index.vue，编辑文件如下：（4）在main.ts中引入vue-router（5）在App.vue中使用vue-router配置结束，实现界面如下：（1）安装vuex或者（2）在 src目录下创建一个store文件夹，在里面新建 index.ts、state.ts、mutations.ts、actions.ts（3）编辑index.ts如下：（4）在main.ts中引入（1）配置路径别名出现报错，无法识别path模块：path模块是node中的一个核心模块，需要安装让 TypeScript 支持 node.js 的依赖包—— @types/node（This package contains type definitions for Node.js）安装成功后，就可以获得有关node.js v6.x 的API的类型说明文件，之后就可以顺利的导入需要的模块了，问题解决。以上就是“怎么用vite简单搭建ts+vue3全家桶”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注百云主机行业资讯频道。
相关推荐: 怎么使用Python+OpenCV实现图像识别替换功能
本文小编为大家详细介绍“怎么使用Python+OpenCV实现图像识别替换功能”，内容详细，步骤清晰，细节处理妥当，希望这篇“怎么使用Python+OpenCV实现图像识别替换功能”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。Ope…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
