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

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

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

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

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

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

项目结构:

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

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

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

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

json: 功能处理

wxml:布局实现

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

新建外部目录操作

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

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

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

猜你喜欢

转载自blog.csdn.net/lovelixue/article/details/84392508