android代码控制微信,Android转战微信小程序 - vscode安装和配置

前言

前一篇文章稍微总结了微信小程序的一些简单入门用法，这一篇文章说一下开发工具的选择，其实作为一个初次接触的萌新，微信开发者工具就能很好的作为日常的开发了，本人之所以选择vscode是刚入门时被一前端大佬给安利的。如果用微信开发者工具就直接去官方网站去看看教程。

vscode优点

Visual Studio Code,简称VSCode，是微软出的一款轻量级代码编辑器，免费，功能强大，支持中文，对JavaScript支持非常好，自带很多功能，例如代码格式化，代码智能提示补全、而且支持各种插件。

从这段简介中可以明显看出vscode的优点，对，就是插件多，有很多辅助开发插件可以用，加上流畅度比微信开发者工具好很多，所以很多前端大佬转小程序都选择vscode。

说完优点，缺点是什么？有两点，一个是不能预览，二个是无法调试。所以在日常开发中一般都是用vscode开发，开发者工具负责预览和调试。

安装和切换中文

1、安装

下载对应的安装包：官方下载地址

2、设置中文

打开vscode

按快捷键“Ctrl+Shift+P”

在“vscode”顶部会出现一个搜索框

输入“configure language”，然后回车

“vscode”里面就会打开一个语言配置文件

将“en-us”修改成“zh-cn”

按“Ctrl+S”保存设置

重启vscode

微信小程序辅助开发工具介绍

1、minapp

微信小程序标签、属性的智能补全(同时支持原生小程序、mpvue 和 wepy 框架，并提供 snippets)

需要输入

输入空格会触发对应标签的属性补全

2、wechat-snippet

微信小程序代码辅助,代码片段自动完成

3、wxapp-helper

选择创建wx组件，自动生成配套的文件，简直不要太爽

4、wxml

微信小程序wxml格式化以及高亮组件(高度自定义)

5、vscode-icons

是个图标插件，和写代码没有关系，它是vscode中常用的插件之一，可以将项目中不同类型的文件或文件夹通过图标区分出来，一目了然

安装完成后，文件-->首选项-->文件图标主题