使用VS Code开发微信小程序 | 您所在的位置:网站首页 › 使用vscode编写ansible一键部署 › 使用VS Code开发微信小程序 |
使用VS Code开发微信小程序
微信开发工具结构缺点
VS CodeVS Code 下载插件Chinese小程序开发助手Easy lessminappvscode wxmlwechat-snippet中文乱码处理配置Easy less
说明
微信开发工具
说归说,但是开发微信小程序的时候,这个微信开发工具还是离不开的。VS Code在我看来就是一个敲代码的记事本,编译运行还得靠其他软件。但它的作用是让使用者更舒适的编写代码,而且插件安装方便,使用起来还是很香的。 结构![]() ![]() 其他缺点暂时没发现,不过以上四条就是让我转向VS Code的主要原因。 VS Code这个是微软开发的产品,进微软官网也能下载,就在Visual Studio下面。 下载地址:https://code.visualstudio.com/ VS Code 下载插件进入VS Code后,在最右侧点击那个四个方块构成的图标,在搜索框输入名字回车就行。插件没下载时,在插件右下角都有一个【下载/install】,安装完成的有一个【设置】图标。 对于开发小程序来说,前三个已经差不多了。再往下几个都是在提高编程的舒适度。 Chinese不用多说,让英文界面变中文的 开发小程序没它不行。让vscode 提供对 .wxss .wxml 文件后缀的支持。 支持微信小程序的语法高亮,增加wxml,wxss代码提示 支持微信小程序的语法高亮,增加wxml,wxss代码提示 进入设置界面 原生小程序不支持 less,其他基于小程序的框架大体都支持,如 wepy,mpvue,taro等,但是仅仅因为一个less功能,而去引入一个框架,肯定是不可取的,因此可以用以下方式来实现。 编辑器是:VS Code安装插件:easy less在VS Code的设置中加入如下,配置: 进入设置界面,定价左上角一个类似与文件的图标,并添加代码: "less.compile": { "outExt": ".wxss" }
微信开发工具是开发小程序必须的软件,而VS Code是用来增强编写代码体验的。所以对于开发来说VS Code不安装也是可以的。我是两个都用,一个负责预览,一个负责敲代码。 开发小程序时。用微信开发工具新建一个小程序,用VS Code的打开文件夹功能,在磁盘中找到刚才创建的小程序,点击打开就行。 微信开发工具下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html(下载开发版) VS Code下载地址:https://code.visualstudio.com/ |
CopyRight 2018-2019 实验室设备网 版权所有 |