webstorm + vscode支持微信小程序语法及代码智能提示教程

简介: 做了半年的微信小程序,由于感觉微信开发者工具非常不好用,所以贴出在下使用webstorm和vscode开发的教程给大家参考一下。注意:代码只能提示只有js文件工具:电脑一台、webstorm、vscode1.首先FileType下Cascading Style Sheet 添加*.wxss2.FileType下HTML 添加*.wxml3.打开vscode,搜索下图中的插件安装。

做了半年的微信小程序,由于感觉微信开发者工具非常不好用,所以贴出在下使用webstorm和vscode开发的教程给大家参考一下。


注意:代码只能提示只有js文件

工具:电脑一台、webstorm、vscode

1.首先FileType下Cascading Style Sheet 添加*.wxss

img_15acf6d713131dfd4381f0737dcfc98a.png

2.FileType下HTML 添加*.wxml

img_0ee327c1b674919b1ace44aedd130533.png

3.打开vscode,搜索下图中的插件安装。其中有一个插件是可以生成一个wx.d.ts的语法文件的,由于装插件的时候是全部一起装的,没有留意是哪个,不过个人感觉是小程序助手。

img_cd257c684182581171d6004697d0dcf5.png
img_8466630d9972674dc6e73dc78a51da5f.png

使用vscode开发的童鞋这样就可以开心的使用vscode来码代码了

至于webstorm的童鞋,只要打开你当前vscode打开的项目目录,或者直接把typings文件夹复制到你开发的项目目录下,就可以了。

img_666652a1f81ca9fc5e07f73aa15ec331.png
目录
相关文章
|
1月前
|
前端开发 搜索推荐 C++
Marp 教程:如何在 VSCode 中引入自定义样式和主题
本文介绍了如何在 Marp 中引入自定义样式和主题,使你的幻灯片更加个性化和独特。首先,你需要安装 VSCode 和 Marp 插件,了解 Marp 的基本结构。接着,通过创建自定义 CSS 文件并在 Markdown 文件中引入,实现样式定制。此外,还可以创建和使用自定义主题,以及进行高级自定义,如调整布局、引入自定义字体和定义复杂动画。最后,使用 Marp 的预览功能实时查看效果。
84 0
|
1月前
|
前端开发 C++
Marp 教程:使用 VSCode 编写专业 PPT
Marp 是一款基于 Markdown 的幻灯片制作工具,结合 VSCode 的强大编辑功能,可让你高效地创建专业 PPT。本教程将指导你如何在 VSCode 中安装 Marp 插件、配置主题和样式,并使用 Markdown 语法创建和美化幻灯片。内容包括基本结构、布局、图片与图表插入、表格制作,以及高级功能如动画效果、数学公式和代码高亮。最后,你将学会如何预览和导出幻灯片。
50 0
|
3月前
|
XML 小程序 前端开发
小程序制作教程
小程序制作教程
103 3
小程序制作教程
|
3月前
|
编译器 C语言 C++
VSCode安装配置C语言(保姆级教程)
VSCode安装配置C语言(保姆级教程)
|
3月前
|
Linux C语言 C++
vsCode远程执行c和c++代码并操控linux服务器完整教程
这篇文章提供了一个完整的教程,介绍如何在Visual Studio Code中配置和使用插件来远程执行C和C++代码,并操控Linux服务器,包括安装VSCode、安装插件、配置插件、配置编译工具、升级glibc和编写代码进行调试的步骤。
548 0
vsCode远程执行c和c++代码并操控linux服务器完整教程
|
5月前
|
JavaScript 前端开发 编译器
TypeScript教程(一)在vscode中的配置TypeScript环境
本文是一篇TypeScript入门教程,介绍了在VS Code中配置TypeScript环境的步骤,包括安装Node.js、使用npm安装TypeScript、配置npm镜像源、安装VS Code的TypeScript扩展,以及创建和运行一个简单的TypeScript "Hello World"程序。
TypeScript教程(一)在vscode中的配置TypeScript环境
|
4月前
|
小程序 JavaScript Go
代码总有一个是你想要的分享63个微信小程序源
分享63个微信小程序源代码,包括电商系统、同城拼车、博客等多种应用,涵盖C#、Node.js、Golang等技术栈。每个项目附带源码和示例,适合初学者和开发者参考学习。提取码:8888,代码效果参考:http://www.603393.com/sitemap.xml。
134 2
|
5月前
|
小程序 前端开发 JavaScript
微信小程序实现微信支付(代码和注释很详细)
微信小程序实现微信支付(代码和注释很详细)
|
5月前
|
小程序 JavaScript 前端开发
微信小程序开发必备前置知识:基本代码构成与语法
【8月更文挑战第8天】微信小程序的基本代码构成与语法
142 0
微信小程序开发必备前置知识:基本代码构成与语法
|
5月前
|
小程序 JavaScript 安全
微信小程序实现云闪付支付(代码和注释很详细)
微信小程序实现云闪付支付(代码和注释很详细)

热门文章

最新文章