解决Vue3+TS+vite，VSCode 高亮语法错误

最新推荐文章于 2024-06-13 12:39:38 发布
最新推荐文章于 2024-06-13 12:39:38 发布
阅读量347 收藏
点赞数 2
分类专栏： 全栈开发学习日志 文章标签： vscode ide 编辑器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_16550591/article/details/139214433
版权

在这里插入图片描述
一般像这种提示，有可能就是TypeScript语法的识别问题，
一般我们重装一下Vue - Official插件
或者将tcconfig.json中的moduleResolution改为node模式，
基本都是TypeScript无法识别vue文件中的TypeScript语句导致的

带娃撸码
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vite+vue3+ts从0到1搭建企业级项目
Allen-
08-29 456
vite+vue3+ts搭建一个企业级项目
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化
05-12
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+...
vscode-vite：VS Code中的Vite快一步
03-03
Vite的VS代码 :high_voltage: Vite快一步 :high_voltage: 打开项目后立即启动开发服务器 :rocket: 无需离开编辑器即可预览/调试应用 opening在打开新项目时提示快速安装节点模块（ npm i yarn pnpm i ） :package: 一键式构建和服务 :counterclockwise_arrows_button: 一键重启服务器 :battery: 由提供支持 赞助商 该项目是我的一部分。 执照 麻省理工学院
vue3 解决代码vscdoe代码高亮的问题
qq_48474084的博客
03-28 503
今天启动了一个vue3的项目，但是打开vscode编辑器，发现里面的代码全是灰白色，整段整段的，看的很不清楚，如何解决代码高亮显示呢?在左侧点击扩展——在条形筐输入“Vetur”——下载该插件，即可。以下是下载安装完后的代码块，是不是舒服多了。
Vue3 + Vite + Ts 开发必备的 VSCode 插件
牵手就能做朋友的博客
03-06 3246
Vite：Vue 官方提供的快速开发工具，可以快速构建和启动项目，同时支持 TypeScript。TSLint：另一个代码风格检查工具，可以帮助你遵循一致的 TypeScript 代码风格。GitLens：方便的 Git 工具，可以快速查看代码的 Git 历史记录、文件修改记录等。GitLens：方便的 Git 工具，可以快速查看代码的 Git 历史记录、文件修改记录等。Prettier：代码格式化工具，可以根据配置格式化代码，让你的代码更加整洁易读。Vue Peek：快速定位 Vue 组件和模板。
Vite创建vue3+ts+pinia+vant项目起步流程
qq_40589140的博客
10-24 1706
本质上他是一个包管理工具，和npm/yarn没有区别，主要优势在于。
Vue+Vite+TS
weixin_44374471的博客
11-14 3512
【代码】Vue+Vite+TS。
vue3+ts+vite+router+vuex+api请求封装
12-29
后台管理系统脚手架
vue3+vite+ts 仿淘宝放大镜效果
09-17
1.本demo是一个类似于淘宝放大镜的效果。 2.使用vue3+vite搭建 3.实现了图片点击轮播和移入放大的效果 4.下载下来可直接使用，必须真实 有问题可以直接提问
Vue3 + Ts + ElementPlus + Vite2 从零搭建后台管理系统.zip
05-13
Vue3 + Ts + ElementPlus + Vite2 从零搭建后台管理系统 Vue3 + Ts + ElementPlus + Vite2 从零搭建后台管理系统 Vue3 + Ts + ElementPlus + Vite2 从零搭建后台管理系统 Vue3 + ...
Vite + Vue3 + ts 注册登录页面书写 搭配Nodejs + Express + postgresql接口
04-10
Vite + Vue3 + ts 注册登录页面书写 搭配Nodejs...一个vue包 vite+vue3+ts+eleplus 配置了router vuex axios postcss-px-to-viewport界面自适应 env prod环境等 启动:均是 npm i npm start 仅供学习哈 也在慢慢完善中
前端开发部署：Visual Studio Code + vue
xingshanchang的博客
06-10 791
本教程全部采用默认安装路径，因为在进行自定义路径安装的时候，需要配置各种环境变量，在这个配置过程中，可能出现各种很混乱的问题。 ==C:\Program Files\nodejs== 这里不勾选，后续需要什么tools的时候，再进行安装即可。 Win + R 打开 CMD 输入版本查看命令，查看安装是否成功 2 输入下面指令查看路径 webpack用来项目构建、打包、资源整合等。 注意这里安装新的脚手架。 出现warn没关系，继续执行即可。 查看vue版本及是否成功： 四 基于上述vue创
vscode侧边栏错乱重制
imber___zsk的博客
06-10 361
View: Reset View Locations
VsCode中C文件调用其他C文件函数失败
qq_39669243的博客
06-12 279
【代码】VsCode中C文件调用其他C文件函数失败。
Visual Studio Code的安装与配置
pan_junbiao的博客
06-12 469
Visual Studio Code（简称 VS Code）是 Microsoft 在2015年4月30日 Build 开发者大会上正式宣布一个运行于 Mac OS X、Windows和 Linux 之上的，针对于编写现代 Web 和云应用的跨平台源代码编辑器，可在桌面上运行，并且可用于 Windows，macOS 和 Linux。
vscode 访问容器的方式
Peter的博客
06-10 544
M1. 客户机A通过 vscode 连接服务器B，再连接容器C配置vscode的ssh配置文件：~.ssh\config（当需要多个不同的连接时，使用 IdentityFile 指定公钥位置）
vscode react我常用的开发插件汇总
hzxOnlineOk的博客
06-12 284
未完待续, 持续更新中…
x64-linux下在vscode使用vcpkg
最新发布
choose_heart的博客
06-13 372
5.在使用该库过程中，可能还是需要安装各种依赖，比如boost安装时，要openssl。openssl有需要autoconf等一些列工具，autoconf有可能找不到配置文件需要autoconf-archive。3.在你自己的项目目录下新建一个vcpkg.json,最简单的格式如下，如果你有更加细致的版本控制需求，可自行去官网查询。1.使用vscode远程连接上对应的linux ，或者直接在图形化界面上使用。4.编写cmakelist，这个里面可能需要你指定编译器。
vue3+ts+vite项目
07-27
Vue3 + TypeScript + Vite 是一种常见的前端项目搭建方式，它结合了Vue框架的最新版本Vue3、TypeScript语言和Vite构建工具。这种项目搭建方式可以提供更好的开发体验和性能优化。 在Vue3中，可以使用`watch`方法来监听数据的变化。通过`import { watch, ref } from "vue"`引入相关的模块，然后在`setup`函数中使用`watch`方法来监听数据的变化。例如，可以创建一个`ref`对象来存储数据，并使用`watch`方法来监听该数据的变化。在`watch`的回调函数中，可以执行一些操作，比如发送异步请求。具体的代码示例如下： ```javascript import { watch, ref } from "vue" const name = ref('') export default defineComponent({ setup(props) { watch(name, () => { // 可添加异步请求 }) } }) ``` 基于Vue3 + Element + Vite的基本后台管理系统是可以成型的。除了这些基本的组件和工具之外，还可以根据需要自行添加其他功能，比如配置ESLint代码规范。此外，还可以进一步学习Vue3的其他高级用法，可以通过阅读其他相关的文章来深入了解。 #### 引用[.reference_title] - *1* [vite+vue3+ts 手把手教你创建一个vue3项目](https://blog.csdn.net/weixin_59916662/article/details/127331094)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [基于vue3 + ts + vite项目初探](https://blog.csdn.net/m0_49569569/article/details/124782445)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值