使用VS Code开发微信小程序

Posted 2023-04-14 野狼谷

使用VS Code开发微信小程序

• 微信开发工具
• • 结构
  • 缺点
• VS Code
• VS Code 下载插件
• • Chinese
  • 小程序开发助手
  • Easy less
  • minapp
  • vscode wxml
  • wechat-snippet
  • 中文乱码处理
  • 配置Easy less
• 说明

 

微信开发工具

说归说，但是开发微信小程序的时候，这个微信开发工具还是离不开的。VS Code在我看来就是一个敲代码的记事本，编译运行还得靠其他软件。但它的作用是让使用者更舒适的编写代码，而且插件安装方便，使用起来还是很香的。

结构

 

 

缺点

• 编写时代码提示少，很多代码靠手打
• 代码没有相对应的高亮，阅读难度大
• 代码编辑区小，视觉体验不好。里面的代码还自动换行，虽然说这是为了能在编辑区内不用拖动横向滚动条就能预览整个页面的代码。但这导致一行代码过多少自动换行后，阅读性大打折扣，视觉体验更不好了。给个对比图感受一下：（资源管理器我都关了）
• 小程序开发工具不支持 less，这与写样式的文件wxss同作用，只是后缀不一样而已。用less写样式代码能使可读性提高很多。
• 

   

   

   

   

其他缺点暂时没发现，不过以上四条就是让我转向VS Code的主要原因。

VS Code

这个是微软开发的产品，进微软官网也能下载，就在Visual Studio下面。
下载地址：https://code.visualstudio.com/

VS Code 下载插件

进入VS Code后，在最右侧点击那个四个方块构成的图标，在搜索框输入名字回车就行。插件没下载时，在插件右下角都有一个【下载/install】，安装完成的有一个【设置】图标。
对于开发小程序来说，前三个已经差不多了。再往下几个都是在提高编程的舒适度。

Chinese

不用多说，让英文界面变中文的

小程序开发助手

开发小程序没它不行。让vscode 提供对 .wxss .wxml 文件后缀的支持。

Easy less

 

 

minapp

支持微信小程序的语法高亮，增加wxml,wxss代码提示

 

 

vscode wxml

支持微信小程序的语法高亮，增加wxml,wxss代码提示

 

 

wechat-snippet

 

 

中文乱码处理

进入设置界面

 

 在搜索框中输入：Files.autoGuessEncoding。把它打上勾就行

 

 

配置Easy less

原生小程序不支持 less，其他基于小程序的框架大体都支持，如 wepy，mpvue，taro等，但是仅仅因为一个less功能，而去引入一个框架，肯定是不可取的，因此可以用以下方式来实现。

1. 编辑器是：VS Code
2. 安装插件：easy less
3. 在VS Code的设置中加入如下，配置：
   进入设置界面，定价左上角一个类似与文件的图标，并添加代码：

"less.compile": 
        "outExt": ".wxss"
    

 

 4. 在要编写样式的地方，新建 less 文件，如index.less，然后正常编辑即可。

说明

微信开发工具是开发小程序必须的软件，而VS Code是用来增强编写代码体验的。所以对于开发来说VS Code不安装也是可以的。我是两个都用，一个负责预览，一个负责敲代码。
开发小程序时。用微信开发工具新建一个小程序，用VS Code的打开文件夹功能，在磁盘中找到刚才创建的小程序，点击打开就行。

微信开发工具下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html（下载开发版）
VS Code下载地址：https://code.visualstudio.com/

 

 

开发微信小程序公司怎么找

　　随着互联网时代的到来，手机APP微信的应用开始普遍起来，很多人都在手机上安装了这款软件。微信的普及，开始为用户提供一些便捷有趣的服务，比如微信小程序。微信小程序有使用便捷、易于传播、功能强大等优点。开发微信小程序有很大的市场价值，因为微信的用户群数量非常庞大，通过微信小程序公司传播自己的品牌，是一种比较廉价的广告方式，而且还方便了用户。

　　目前有很多微信小程序开发公司，微信也有自己的开发工具。通过登陆微信官方网站的小程序模块，下载一些工具就可以进行小程序的开发了。那么，除了官方网站这一个渠道，再就是互联网上一些第三方的开发公司，这些可以定制功能更强大的微信小程序。私人定制的优点就是比较灵活，更人性化，也能够不断帮助客户解决开发过程中遇到的问题。

　　但是往往需要经过收费才可以享受到更高质量的服务。一家专门开发微信小程序的公司，可以根据客户的需求定制小程序，而且价格适中，很适合一些自媒体、商家选择。V小二是专注于开发微信小程序这方面的。

　　所以现在主要通过微信官方平台或者网络第三方公司进行小程序的开发。现在越来越多的开发平台开始出现在互联网上，商家或者是企业在选择平台时候尽量要仔细斟酌。