前言

首先我要声明的是，我是一名开发人员，之前基本没有前端开发经验。 甚至JS和HTML都只是我为了开发小程序而学到的一些表面东西——所以文章中提到的一些点可能有经验的人更能体会到。 对于前端开发者来说，这似乎是一个小案例，但从开发者的角度来看，这确实是一个很大的陷阱。

一开始我就不说太多了。 我会在文末谈谈我对小程序的一些看法——这篇文章主要讲的是小程序开发过程中遇到的一些坑。

PS：推荐一个我写的微信小程序版Gank客户端：--gank

正文 1、获取小程序开发工具并正确安装？

最近在一些地方看到很多人在进入小程序坑的第一步就遇到了很多问题。 其实很早之前（22日）就已经有比较好的关于如何获取小程序开发工具的资料了。 你看一下然后照着做就可以了，基本上不会有问题：小程序开发工具获取并正确安装教程

2.直接在微信开发工具上写代码？

目前我们只能在微信的开发工具上编译小程序的代码，但这并不意味着我们必须在该开发工具上编写小程序的代码——用过该开发工具的人都知道，开发工具不太好用，代码提示比较弱，没有自动保存是一个缺陷。

那么该怎么办？ 我们可以在其他工具中编写代码，然后在小程序开发工具中进行编译。 我尝试了WS和WS，两者都可以开发，但最终发现ws更有用。 我不会详细介绍如何使用它。 您只需直接打开项目文件夹，点击右下角选择当前语言即可。 接下来我们重点讲一下如何在ws中编写小程序代码。

首先选择小程序的目录，在ws中打开。 这很简单。 但此时，打开里面的文件后，你会发现除了它能识别的js代码外，其他代码它都无法识别——主要是.wxml和.wxss文件。 为什么？ 因为虽然 .wxml 和 .html 文件非常相似，并且 .wxss 文件与 .css 文件非常相似，但编译器并不知道！ 这样我们就无法在这两个文件中享受到ws强大的代码提示功能了——这种事情我们能接受吗？ 当然不！ 那么接下来我们应该做什么呢？ 告诉编译器，.wxml 格式实际上是 HTML 文件，.wxss 格式实际上是 CSS 文件。