wepy小程序入门和项目初始化

作者:无名 - 其它综合 -

前言:

wepy小程序项目初始化的操作,官方文档看了好几遍,感觉写得不是很清楚。

这篇写得挺好的:小程序开发之wepy

1.初始化项目

(1)全局安装或者更新wepy命令行工具

npm install wepy-cli -g

(2)在开发目录中生成demo开发项目

wepy init standard project-name

(3)编译

cd project-name

npm install

wepy build --watch 或者 npm run dev

2.目录结构

├── dist                   微信开发者工具指定的目录(该目录由wepy的build指令自动编译生成,请不要直接修改该目录下的文件)
├── node_modules           
├── src                    代码编写的目录(该目录为使用wepy后的开发目录)
|   ├── components         wepy组件目录(组件不属于完整页面,仅供完整页面或其他组件引用)
|   |   ├── com_a.wpy      可复用的wepy组件a
|   |   └── com_b.wpy      可复用的wepy组件b
|   ├── pages              wepy页面目录(属于完整页面)
|   |   ├── index.wpy      index页面(经build后,会在dist目录下的pages目录生成index.js、index.json、index.wxml和index.wxss文件)
|   |   └── other.wpy      other页面(经build后,会在dist目录下的pages目录生成other.js、other.json、other.wxml和other.wxss文件)
|   └── app.wpy            小程序配置项(全局数据、样式、声明钩子等;经build后,会在dist目录下生成app.js、app.json和app.wxss文件)
└── package.json           项目的package配置

3.重要提醒

1. 微信开发者工具添加dist目录
2. 微信开发者工具关闭es6转es5
3. 运行 wepy build --watch 实时编译

参考文章:小程序开发之wepy

wepy小程序入门和项目初始化

原文地址:https://www.cnblogs.com/basic0001/p/10300226.html

本文内容由IT人知识库(原文链接:http://www.itpeo.net/9999/4539842.html)本站为各位整理





EffectiveJavaP2CreatingandDestroyingObjects

this chapter concerns creating and destorying objects : wh ...

vue中的ref,refs使用

使用elementui时,tree遇到的坑 1、发现,this.$refs每次都是undefined; 问题原因:渲染组 ...

Leetcode672.灯泡开关II

灯泡开关ii 现有一个房间,墙上挂有n只已经打开的灯泡和 4 个按钮。在进行了m次未知操作后,你需要返回这n只灯泡可能有 ...

golang基础学习-strings包常用函数学习

package main import ( "fmt" "strings" ) //strfunc 字符串说明 ...

C#基础篇之语言和框架介绍

1.如何描述c#和.net的关系? .net的是平台,c#是为了微软公司为了.net平台开发的面向对象语言。 2.c# ...

Python_re模块

一、re简介   正则表达式是一种对字符串(包括普通字符、非打印字符、通用字符(称为原子)、特殊字符(称为元字符))操作 ...

第八天:错误异常处理

错误类型 1、语法错误 syntaxerror:代码拼写出错 attributeerror:属性异常 try: ...

网络为什么分层?

在自然世界中,分层无处不在。大到社会阶层,小到细胞层次结构。 为什么会这样?因为复杂的事物组成复杂,完成的功能复杂,把所 ...

mysql数据增删改的总结

一、在mysql管理软件中,可以通过sql语句中的dml语言来实现数据的操作,包括1.使用insert实现数据的插入2. ...

linuxdmesg查看系统故障信息

dmesg 可以查看linux 内核信息 dmesg’命令设备故障的诊断是非常重要的。在‘dmesg’命令的帮助下进 ...

docker部署nginx服务器

1,下载nginx镜像 docker pull nginx 2,启动 docker run --name runo ...

Markdown:Syntax

markdown: syntax main basics syntax license ...

JSP基础--九大内置对象

jsp九大内置对象 object findattribute(string name):依次在page、request ...

python3之深浅copy对比

一、赋值对比1、列表l1=[1,2,3] l2=l1 l1.append(#39;a#39;) print(l1,l2) ...

PHP代码规范之PSR-1

1.概述 1. 必须使用lt;php gt; 或是lt;=gt;这两种标签 2. php代码中必须使用utf-8 wit ...

安装使用Hadoop遇到的一些问题

安装完后却不能运行hadoop,仔细查看日志信息,hadoop记录了详尽的日志信息,日志文件保存在logs文件夹内。 ...

c++string去除首尾空格、\n、\r、\t

string s = " test "; size_t n = s.find_last_not ...

.Net基础之3——运算符

(3)convert类型转换 1、类型如果相兼容的两个变量,可以使用自动类型转换或者显示类型转换。 但是如果两个类型的变 ...

iOS的match函数

1.求余 extern double fmod(double,double); fmod(10.2,3) =1.2 ...

AndroidStudio解决ADB检测不到手机导致无法连接的问题

adb的全称是android debug bridge,是用来管理模拟器和真机的通用调试工具。   开usb调试 ...