开发微信小程序的时候,这个工具还是离不开的
发表时间:2023-09-09 18:07:48
文章来源:炫佑科技
浏览次数:165
菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技
开发微信小程序的时候开发微信小程序的时候,这个工具还是离不开的,这个工具还是离不开的
使用VS Code开发微信小程序
微信开发工具
毕竟开发微信小程序的时候,这个微信开发工具还是必不可少的。 在我看来,VS Code只是一个用来敲代码的记事本。 编译和运行需要其他软件。 但它的作用是让用户写代码更舒服,而且插件安装简单,用起来也很愉快。
结构
缺点
我还没有发现任何其他缺点,但以上四个是我转用 VS Code 的主要原因。
VS代码
这是微软开发的产品。 您也可以从下面的微软官方网站下载它。
下载链接:
VS Code 下载插件
进入VS Code后,点击*右侧四个方块组成的图标微信小程序开发原理,在搜索框中输入你的名字,然后回车。 插件未下载时,插件右下角会有一个【下载/】,安装完成后,会有一个【设置】图标。
对于开发小程序来说,前三个就差不多够用了。 接下来的几个都是关于提高编程的舒适度。
不用说,我们把英文界面改成中文吧
小程序开发助手
没有它,开发小程序是不可能的。 让我们提供对 .wxss .wxml 文件后缀的支持。
容易少
支持微信小程序语法高亮,并添加wxml、wxss代码提示
wxml
支持微信小程序语法高亮,并添加wxml、wxss代码提示
-
中文乱码处理
进入设置界面
输入:文件。 在搜索框中勾选即可
配置简单更少
原生小程序不支持less。 其他基于小程序框架一般都支持,比如wepy、mpvue、taro等。但是,仅仅因为功能少就引入一个框架是绝对不可取的。 因此,您可以使用以下方法。 完成。
编辑器是:VS Code。 安装插件:轻松无忧。 将以下内容添加到 VS Code 的设置并配置:
进入设置界面,在左上角给一个类似文件的图标定价,添加代码:
"less.compile": {
"outExt": ".wxss"
}
4、在要写样式的地方,新建一个less文件,比如index.less,然后正常编辑即可。
阐明
微信开发工具是开发小程序必备软件,使用VS Code来增强编码体验。 所以对于开发来说,不安装VS Code也是可以的。 我两者都用,一个用于预览,另一个用于编码。
开发小程序的时候。 使用微信开发工具新建一个小程序,使用VS Code的打开文件夹功能,在磁盘上找到刚刚创建的小程序,点击打开。
微信开发工具下载地址:(下载开发版)
VS Code下载地址: