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中常用的插件之一，可以将项目中不同类型的文件或文件夹通过图标区分出来，一目了然
• 安装完成后，文件-->首选项-->文件图标主题