小程序学习之路二：开发工具部分功能和项目结构介绍

上一篇讲到了新建项目进来，本篇主要讲解开发工具部分功能和项目结构介绍，按照我的风格来，先上目录

• 开发工具的部分功能简介
• 小程序项目目录简介

以下几个功能是我觉得比较方便喜欢的

• 自动保存（设置----编辑设置-----选中修改文件时自动保存）
• console（控制台，这个相比都熟悉，我的习惯是把它放到下面）
• 编译（当你写完代码需要查看的时候去编译下，同时也能发现代码是否有误）
• 预览（此功能可以把你的小程序运行到手机中去查看）

也只是比较基础的几个，大家试试就知道怎么搞了

项目结构：

pages下面有两个目录index和logs，其实就是代表两个页面，你新建的项目点击头像就会显示log，也就是logs页面，logs页面也相当于二级页面，在小程序中，页面等级不可超过五级，这是由于小程序特性的原因，便捷，随走随用，不能太复杂

utils目录下主要放公共用到的一些事件处理代码文件，用于全局调用

你可以看到四种文件类型：js,json,wxml,wxss

js：也称脚本文件，该文件主要用于：初始化数据，点击事件，数据交互，逻辑运算，变量声明，数组，对象，函数，注释等

json： 功能处理

wxml：布局实现

wxss：样式文件，wxml引用此文件的样式展示出不同的样式内容

 

新建外部目录操作

点击 这个加号即可，新建内部目录则右击目录选择新建目录即可

好了，大概的项目结构和简单操作，想必应该熟悉了，后面就要开始撸代码了

下一篇讲解小程序学习之路三：简单功能实现