三分钟制作出小程序当然是在软件已经安装好的基础上。
第一步,新建项目。
1、点击软件左上角的项目—新建项目,选择一个项目路径。(项目路径是指文件存放的地方)
2、AppId可以登录微信小程序后台,点击设置—-开发设置—-AppID(小程序ID)。
3、填写项目名称。
第二步,创建目录。
在根目录下面新建app.js
在根目录下创建app.json
在根目录下创建app.wxss
在根目录下新建pages文件夹
在pages文件夹下面建立welcome文件
在pages文件夹下面新建app.json文件,app.json文件用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。是用于指明页面文件所在的路径。所以在里面加入以下代码:
{
"pages": [
"pages/welcome/welcome"
]
}
在welcome下面新建welcome.js,这是为了调用页面对象,即便什么都没有写,因为新版本不这么做会报错。加入以下代码:
Page({
})
在welcom下面新建welcome.wxml,并加入代码,这段代码意思是在窗口中显示这个文本内容。
<view>
<text>hello world!</text>
</view>
如果要内嵌网页,请在welcome.wxml里面加入(注意:内嵌的网页必须先在微信小程序后台的设置—-开发—-业务域名中先添加,而且要下载校验文件到网站根目录。添加的网站需要安装https证书):
<web-view src="http://www.diwu.net/"></web-view>
最后在welcome文件夹下新建welcome.wxss
最终的目录结构是
pages
–welcome
–welcome.js
–welcome.wxml
–welcome.wxss
–app.json
app.js
app.json
app.wxss
project.config.json 这个文件是创建项目后默认就有的。
注意:每次写完代码后需要保存。按照上面操作好后就可以点击预览了。点击预览后用绑定好的管理员微信扫描二维码既可以在手机微信里面预览小程序。