微信小程序的项目用vscode写，ts的语法检查不起作用，原因是experimentalRuntimeMode已经废除了，要用nativeTags，还要把volar插件升级到最新才行。这样ts才起作用

最新推荐文章于 2024-03-18 22:38:38 发布
最新推荐文章于 2024-03-18 22:38:38 发布
阅读量834 收藏 11
点赞数 6
文章标签： vscode ide 编辑器 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Frank_colo/article/details/134853363
版权

微信小程序的项目用vscode写，ts的语法检查不起作用，原因是experimentalRuntimeMode已经废除了，要用nativeTags，还要把volar插件升级到最新才行

 

烟火的降落
关注
  • 6
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vscode开发微信小程序必备插件
01-03
wechat-snippet 微信小程序代码辅助,代码片段自动完成 minapp 微信小程序标签、属性的智能补全（同时支持原生小程序、mpvue 和 wepy 框架，并提供 snippets） wxapp-helper 微信小程序开发助手 生成页面/组件，页面/组件模板可配置(.js, .wxml, .wxss, .json)，文件名及命名风格可配置，支持生成 TypeScript，插入乱数据辅助测试 wxml 微信小程序wxml格式化以及高亮组件(高度自定义) 小程序开发助手 支持 js，json，wxml 文件的代码提示 wxml 文件语法高亮 Easy WXLESS 保存时将LESS自动
微信小程序 实例汇总 完整项目源代码
11-01
微信小程序 实例汇总 完整项目源代码
vscode中typescript语法不校验（不报错）的问题
最新发布
Oracle475的博客
03-18 821
在vscode的settings.json文件中，将typescript.validate.enable设置为true。4.定位到typescript.validate.enable，设置为true。3.此时弹出设置面板，点击vscode右上角的图标（打开设置json）在vscode中开启typescript的语法校验。1.点击vscode左下角的设置图标。
用vsCode写uniapp项目
iaz999的博客
05-27 4476
局部安装了vue2和vue3切换到安装目录下，打开powershell查看版本。
使用vscode写uniapp
poguanba的博客
10-14 548
npm run dev:mp-weixin使用这个命令，将代码运行起来。2.在manifest.json填上自己的appid。打开设置，查询文件关联， 在添加项里面加上如下内容。3.npm i 一下，把需要的包下载下来。tsconfig.json文件加上。然后在微信开发者工具上运行起来。6.json文件会显示报错。这样一个项目就创建好啦。5.下载类型声明文件。
tsconfig.json配置详解，建议收藏！
qq_40588413的博客
02-14 2668
前言 由于开发ts的项目经常要配置tsconfig.json,所以自己整理了一份tsconfig.json文件，方便以后查阅~ compilerOptions编译选项 target用于指定编译之后的版本目录 "target": "es5", module用来指定要使用的模板标准 "module": "commonjs", lib用于指定要包含在编译中的库文件 "lib":[ "es...
这可能是最好、最详细的VSCode开发uni-app教程吧
热门推荐
std7879的博客
03-27 1万+
2022.09 更新目前，仓库已经同步uni-app官方最新cli模板，另外我还上传了vue3+vite+ts的版本，可当做示例来供来学习参考。🚀🚀🚀Github仓库地址。总的来说，配置起来还是比较麻烦的，插件也比较多，但最终获得体验也是非常不错的。因为uni-app项目跟其他前端项目差异较大，我还是比较推荐为uni-app项目单独做个VSCode工作区。对于VSCode工作区概念VSCode工作区指南：回归轻量，打造全能编辑器。或者说，为每个项目单独做一个。
uniapp学习笔记
l1513949626的博客
09-08 654
uniapp基础,命令行配置,vscode中uniapp的使用以及vue基础
用 VS Code 开发 uni-app 项目
phi1111的博客
08-30 658
这一步处理很关键，否则 TS 项目无法校验组件属性类型。
用uni-app开发一个多端的商城系统
m0_53533948的博客
10-10 279
用uni-app开发一个多端的商城系统第一天
如何使用命令行和vscode创建 uni-app 项目
wssg1206的博客
09-21 262
vue3 + ts 版。
vscode 插件 volar
05-07
vscode 插件 volar
微信小程序项目实例——今日美食
05-24
微信小程序项目实例——今日美食 今日美食是为用户提供各种美食的制作方法，详细介绍了配料和制作流程
微信小程序开发助VSCode手
01-27
微信小程序开发助手 for VSCode，代码提示 + 语法高亮 Installation 打开 VSCode 拓展中心搜索 "小程序开发助手" 点击安装 Features 支持 js，json，wxml 文件的代码提示 wxml 文件语法高亮 Snippets js 前缀 描述 ...
微信小程序项目实例-物业交费缴费小程序项目源码+教程.zip
05-30
微信小程序项目实例—物业交费缴费小程序项目源码+教程.zip 纯手打高分项目，可作为毕业设计、课程设计和期末大作业等等，下载即用确保可以运行。 微信小程序项目实例—物业交费缴费小程序项目源码+教程.zip 纯手...
VS Code配置ts类型校验
gjxcool的博客
11-28 1156
types中加入，添加vueCompilerOptions。
Win10开启混合现实模拟器
爱就是是恒久忍耐的专栏
06-11 1729
Win10开启混合现实模拟器
解决uniapp开发过程中view、image等标签出现诸如“类型{ class: string； }的参数不能赋给类型......”的问题
Lea_HQ的博客
11-02 2057
利用vueCompilerOptions配置项解决uniapp开发过程种view、image等原生标签出现的类型报错问题
如何使用typescript在微信小程序项目的pages文件夹中写ts文件
04-06
要在微信小程序项目的pages文件夹中编写TypeScript文件，需要进行以下步骤： 1. 安装TypeScript 打开命令行工具，进入小程序项目的根目录，执行以下命令安装TypeScript： ``` npm install typescript --save-dev ``` 2. 创建TypeScript文件 在pages文件夹下创建一个新的 .ts 文件，例如 index.ts。 3. 配置tsconfig.json 在根目录下创建 tsconfig.json 文件，并添加以下配置： ``` { "compilerOptions": { "target": "es6", "module": "commonjs", "strict": true, "esModuleInterop": true, "allowJs": true, "checkJs": true, "declaration": true, "outDir": "./dist", "moduleResolution": "node", "lib": [ "es6", "dom" ] } } ``` 这个配置会将 TypeScript 编译为 ES6 代码并输出到 dist 目录中。 4. 修改小程序配置文件app.json 在 app.json 文件中添加以下配置： ``` { "compilerOptions": { "module": "commonjs", "target": "es6" }, "usingComponents": {} } ``` 这个配置将告诉小程序编译器使用 CommonJS 模块和 ES6 目标。 5. 编写TypeScript代码 在 index.ts 文件中编写 TypeScript 代码，例如： ``` Page({ data: { message: "Hello, TypeScript!" }, onLoad() { console.log(this.data.message); } }); ``` 6. 编译TypeScript代码 运行以下命令来编译 TypeScript 代码： ``` npx tsc --project tsconfig.json ``` 这个命令会将 TypeScript 代码编译为 ES6 代码并输出到 dist 目录中。 7. 运行小程序 使用微信开发者工具打开小程序项目，点击编译并运行按钮，即可查看运行效果。 注意：每次修改了 TypeScript 代码后，都需要重新编译一次。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值