微信小程序开发-1-环境搭建

Day1小程序环境搭建

侧边栏功能含义

1.utils：放公共功能的地方，不需要可以删掉

2.pages：编写的页面，写几个页面就有几个index文件

3.index：页面文件，每个index里面都有四个文件

• index.json:配置文件，对页面配置
• index.js：js文件
• index. wxml：html文件
• index. wxss：css文件

4.app.js/wxml/wxss：全局的js/wxml/wxss文件,公共的文件可以写入这里

5.project.config.json:微信的爬虫配置文件

创建文件

删掉新建项目的全部文件，创建自己需要的文件

1.创建app.json文件

{
  "pages":[]
}

2.创建目录文件夹pages

3.在pages里面创建目文件夹index

4.在index里面右键选择创建pages文件夹，命名为index，自动生成js/json/wxml/wxss四个文件

5.app.json中自动生成

{
  "pages/index/index"
}

6.index.wxml中用两个指令：、

<text>pages/index/index.wxml</text>//该index页面上生成文本pages/index/index.wxml
<view class='c1'>div</view> //该index页面上生成c1颜色的文本div

7.在index.wxss中定义c1：

.c1{
  color:red
}

编写小程序

pages

用于指定小程序由哪些页面组成，每一项都对应一个页面的 路径（含文件名） 信息。

小程序中新增/减少页面，都需要对 pages 数组进行修改。

window

用于设置小程序的状态栏、导航条、标题、窗口背景色。