1.在项目整体新建一个项目文件夹(doc),并在文件夹里新建App.vue,main.ts 两个文件 最外层新建tsconfig.json文件。public新建doc.html文件。
![](https://img.haomeiwen.com/i14326502/f79b3fae0bbd6884.png)
2.APP.vue
![](https://img.haomeiwen.com/i14326502/8d14b18466f47d76.png)
3.main.ts文件
![](https://img.haomeiwen.com/i14326502/11830ad4c69933ad.png)
4.shims-vue.d.ts 文件 (若不引入 则main.ts中引入App.vue报错)
![](https://img.haomeiwen.com/i14326502/4315505cf2ea1c0d.png)
5.tsconfig.json文件
![](https://img.haomeiwen.com/i14326502/f7dddf0a290716aa.png)
6.vue.congif.js文件配置更改
![](https://img.haomeiwen.com/i14326502/89289f069c81eb30.png)
7.package.json文件 添加typescript插件 注意版本
![](https://img.haomeiwen.com/i14326502/1f4fb48d9466b83d.png)
1.在项目整体新建一个项目文件夹(doc),并在文件夹里新建App.vue,main.ts 两个文件 最外层新建tsconfig.json文件。public新建doc.html文件。
2.APP.vue
3.main.ts文件
4.shims-vue.d.ts 文件 (若不引入 则main.ts中引入App.vue报错)
5.tsconfig.json文件
6.vue.congif.js文件配置更改
7.package.json文件 添加typescript插件 注意版本
本文标题:Vue 项目如何在内部新建TS项目
本文链接:https://www.haomeiwen.com/subject/kmrueltx.html
网友评论