wepy

wepy

wepy如何使用typescript来开发自己的项目?

Wepy网站管理员 Published the article • 0 comments • 34 views • 2019-08-05 15:37 • 来自相关话题

how to create wepy applicate writen in typescript?

### install and config

```bash
npm install @wepy/compiler-typescript typescript --save-dev
```

in `wepy.config.js`
```js
const TypeScriptCompiler = require('@wepy/compiler-typescript');

module.exports = {
"plugins": [
TypeScriptCompiler()
]
};
```

### 如何在wepy的文件中引入ts文件和项目

```

{{age}}



```

### ts文件

```ts
import wepy from '@wepy/core'

wepy.page({
data: {
age: 1
},
created() {
console.log(this.age)
},
computed: {

},
hooks: {

},
methods: {

}
})
```


### 引用

1. [compiler-typescript](https://wepyjs.github.io/wepy- ... script) 查看全部

how to create wepy applicate writen in typescript?

### install and config

```bash
npm install @wepy/compiler-typescript typescript --save-dev
```

in `wepy.config.js`
```js
const TypeScriptCompiler = require('@wepy/compiler-typescript');

module.exports = {
"plugins": [
TypeScriptCompiler()
]
};
```

### 如何在wepy的文件中引入ts文件和项目

```



```

### ts文件

```ts
import wepy from '@wepy/core'

wepy.page({
data: {
age: 1
},
created() {
console.log(this.age)
},
computed: {

},
hooks: {

},
methods: {

}
})
```


### 引用

1. [compiler-typescript](https://wepyjs.github.io/wepy- ... script)

wepy2.x回滚wepy1.x,wepy2.x从入门到弃坑

小程序网站管理员 Published the article • 0 comments • 717 views • 2019-08-01 15:42 • 来自相关话题

网上有很多开发小程序同学喜欢用官方的开发框架wepy,wepy现在有两个大版本,wepy1.x和wepy2.x。

但是这两个版本差异十分的大,我之前写了一篇文档介绍了,大家可以先看看这一篇[wepy1.x升级wepy2.x,wepy如何实现大的版本升级](https://www.sourcedev.cc/article/188)。

对比一下差异。你会发现当前把wepy的代码从wepy1.x升级到wepy2.x的时候,仿佛进入了新的世界,语法差异十分的大。如果不打算重构自己的代码,需要兼容wepy1.x的话,这将会是一个不小的工程。
我们需要耗费大量的时间重构和调试自己的代码。

那么升级了wepy2.x之后怎么办,我发现自己入坑,想回到wepy1.x怎么办? 这个时候我们也不用着急,应为我们的代码,即使有少量的改动我们也可以恢复的。
将修改的代码放入回收站内,回收站是一个栈。

### 修改的代码恢复保存

```bash
git stash save # 将代码压入栈

git stash pop # 弹出代码
```

### 重新安装wepy1.x的全局包:

```bash
npm install wepy@1.7.x -g
``` 查看全部
网上有很多开发小程序同学喜欢用官方的开发框架wepy,wepy现在有两个大版本,wepy1.x和wepy2.x。

但是这两个版本差异十分的大,我之前写了一篇文档介绍了,大家可以先看看这一篇[wepy1.x升级wepy2.x,wepy如何实现大的版本升级](https://www.sourcedev.cc/article/188)。

对比一下差异。你会发现当前把wepy的代码从wepy1.x升级到wepy2.x的时候,仿佛进入了新的世界,语法差异十分的大。如果不打算重构自己的代码,需要兼容wepy1.x的话,这将会是一个不小的工程。
我们需要耗费大量的时间重构和调试自己的代码。

那么升级了wepy2.x之后怎么办,我发现自己入坑,想回到wepy1.x怎么办? 这个时候我们也不用着急,应为我们的代码,即使有少量的改动我们也可以恢复的。
将修改的代码放入回收站内,回收站是一个栈。

### 修改的代码恢复保存

```bash
git stash save # 将代码压入栈

git stash pop # 弹出代码
```

### 重新安装wepy1.x的全局包:

```bash
npm install wepy@1.7.x -g
```

wepy1.x升级wepy2.x,wepy如何实现大的版本升级升级

小程序网站管理员 Published the article • 0 comments • 806 views • 2019-07-06 14:20 • 来自相关话题

要从wepy1.x升级到2.x这是一件比较困难的事情,因为框架的整个语法都发生了变化。正如官方所言:

> WePY 2 并不是基于 WePY 1 作的版本升级,而是完全重新开发的全新版本。因为实现原理完全不一样,因些比较难实现完全的向下兼容。

与其苦苦纠结如何升级,不如拥抱全新的版本,2.x实现了对typescript的支持,所以我们可以更加愉快的写代码

### 关于wepy1.x和wepy2.x的差异

> 1. 入口申请调整,WePY 1 使用类的继承方式 export default class MyPage extends wepy.page {} 在 WePY 2 中调整为 wepy.page({})。将实例化的过程放在生命周期事件中。

> 2. 数据绑定机制调整,WePY 1 使用脏检查进行数据绑定,却让开发者不知道使用时候去调用 $apply() 方法。在 WePY 2 中使用了 Vue Observer 实现数据绑定,告别$apply()。

> 3. 基于原生组件,WePY 1 是通过文件编译创建的静态组件在动态循环遍历时会出现一些问题,WePY 2 直接基于的小程序原生的组件去实现,避免了这一类问题。

> 4. Vue 模板语法,WePY 2 中推荐使用 HTML 代替 wxml 来写 template,支持除 filter 之外的所有 Vue 模板语法。

> 5. 编译方式改变,WePY 2 从基于文件编译调整为基于入口编译,因此对于图片等静态资源需要指定 static 选项 。


### 引用

[wepy官方2.x文档](https://wepyjs.github.io/wepy-docs/2.x/#/) 查看全部

要从wepy1.x升级到2.x这是一件比较困难的事情,因为框架的整个语法都发生了变化。正如官方所言:

> WePY 2 并不是基于 WePY 1 作的版本升级,而是完全重新开发的全新版本。因为实现原理完全不一样,因些比较难实现完全的向下兼容。

与其苦苦纠结如何升级,不如拥抱全新的版本,2.x实现了对typescript的支持,所以我们可以更加愉快的写代码

### 关于wepy1.x和wepy2.x的差异

> 1. 入口申请调整,WePY 1 使用类的继承方式 export default class MyPage extends wepy.page {} 在 WePY 2 中调整为 wepy.page({})。将实例化的过程放在生命周期事件中。

> 2. 数据绑定机制调整,WePY 1 使用脏检查进行数据绑定,却让开发者不知道使用时候去调用 $apply() 方法。在 WePY 2 中使用了 Vue Observer 实现数据绑定,告别$apply()。

> 3. 基于原生组件,WePY 1 是通过文件编译创建的静态组件在动态循环遍历时会出现一些问题,WePY 2 直接基于的小程序原生的组件去实现,避免了这一类问题。

> 4. Vue 模板语法,WePY 2 中推荐使用 HTML 代替 wxml 来写 template,支持除 filter 之外的所有 Vue 模板语法。

> 5. 编译方式改变,WePY 2 从基于文件编译调整为基于入口编译,因此对于图片等静态资源需要指定 static 选项 。


### 引用

[wepy官方2.x文档](https://wepyjs.github.io/wepy-docs/2.x/#/)

wepy如何使用typescript来开发自己的项目?

Wepy网站管理员 Published the article • 0 comments • 34 views • 2019-08-05 15:37 • 来自相关话题

how to create wepy applicate writen in typescript?

### install and config

```bash
npm install @wepy/compiler-typescript typescript --save-dev
```

in `wepy.config.js`
```js
const TypeScriptCompiler = require('@wepy/compiler-typescript');

module.exports = {
"plugins": [
TypeScriptCompiler()
]
};
```

### 如何在wepy的文件中引入ts文件和项目

```

{{age}}



```

### ts文件

```ts
import wepy from '@wepy/core'

wepy.page({
data: {
age: 1
},
created() {
console.log(this.age)
},
computed: {

},
hooks: {

},
methods: {

}
})
```


### 引用

1. [compiler-typescript](https://wepyjs.github.io/wepy- ... script) 查看全部

how to create wepy applicate writen in typescript?

### install and config

```bash
npm install @wepy/compiler-typescript typescript --save-dev
```

in `wepy.config.js`
```js
const TypeScriptCompiler = require('@wepy/compiler-typescript');

module.exports = {
"plugins": [
TypeScriptCompiler()
]
};
```

### 如何在wepy的文件中引入ts文件和项目

```



```

### ts文件

```ts
import wepy from '@wepy/core'

wepy.page({
data: {
age: 1
},
created() {
console.log(this.age)
},
computed: {

},
hooks: {

},
methods: {

}
})
```


### 引用

1. [compiler-typescript](https://wepyjs.github.io/wepy- ... script)

wepy2.x回滚wepy1.x,wepy2.x从入门到弃坑

小程序网站管理员 Published the article • 0 comments • 717 views • 2019-08-01 15:42 • 来自相关话题

网上有很多开发小程序同学喜欢用官方的开发框架wepy,wepy现在有两个大版本,wepy1.x和wepy2.x。

但是这两个版本差异十分的大,我之前写了一篇文档介绍了,大家可以先看看这一篇[wepy1.x升级wepy2.x,wepy如何实现大的版本升级](https://www.sourcedev.cc/article/188)。

对比一下差异。你会发现当前把wepy的代码从wepy1.x升级到wepy2.x的时候,仿佛进入了新的世界,语法差异十分的大。如果不打算重构自己的代码,需要兼容wepy1.x的话,这将会是一个不小的工程。
我们需要耗费大量的时间重构和调试自己的代码。

那么升级了wepy2.x之后怎么办,我发现自己入坑,想回到wepy1.x怎么办? 这个时候我们也不用着急,应为我们的代码,即使有少量的改动我们也可以恢复的。
将修改的代码放入回收站内,回收站是一个栈。

### 修改的代码恢复保存

```bash
git stash save # 将代码压入栈

git stash pop # 弹出代码
```

### 重新安装wepy1.x的全局包:

```bash
npm install wepy@1.7.x -g
``` 查看全部
网上有很多开发小程序同学喜欢用官方的开发框架wepy,wepy现在有两个大版本,wepy1.x和wepy2.x。

但是这两个版本差异十分的大,我之前写了一篇文档介绍了,大家可以先看看这一篇[wepy1.x升级wepy2.x,wepy如何实现大的版本升级](https://www.sourcedev.cc/article/188)。

对比一下差异。你会发现当前把wepy的代码从wepy1.x升级到wepy2.x的时候,仿佛进入了新的世界,语法差异十分的大。如果不打算重构自己的代码,需要兼容wepy1.x的话,这将会是一个不小的工程。
我们需要耗费大量的时间重构和调试自己的代码。

那么升级了wepy2.x之后怎么办,我发现自己入坑,想回到wepy1.x怎么办? 这个时候我们也不用着急,应为我们的代码,即使有少量的改动我们也可以恢复的。
将修改的代码放入回收站内,回收站是一个栈。

### 修改的代码恢复保存

```bash
git stash save # 将代码压入栈

git stash pop # 弹出代码
```

### 重新安装wepy1.x的全局包:

```bash
npm install wepy@1.7.x -g
```

wepy1.x升级wepy2.x,wepy如何实现大的版本升级升级

小程序网站管理员 Published the article • 0 comments • 806 views • 2019-07-06 14:20 • 来自相关话题

要从wepy1.x升级到2.x这是一件比较困难的事情,因为框架的整个语法都发生了变化。正如官方所言:

> WePY 2 并不是基于 WePY 1 作的版本升级,而是完全重新开发的全新版本。因为实现原理完全不一样,因些比较难实现完全的向下兼容。

与其苦苦纠结如何升级,不如拥抱全新的版本,2.x实现了对typescript的支持,所以我们可以更加愉快的写代码

### 关于wepy1.x和wepy2.x的差异

> 1. 入口申请调整,WePY 1 使用类的继承方式 export default class MyPage extends wepy.page {} 在 WePY 2 中调整为 wepy.page({})。将实例化的过程放在生命周期事件中。

> 2. 数据绑定机制调整,WePY 1 使用脏检查进行数据绑定,却让开发者不知道使用时候去调用 $apply() 方法。在 WePY 2 中使用了 Vue Observer 实现数据绑定,告别$apply()。

> 3. 基于原生组件,WePY 1 是通过文件编译创建的静态组件在动态循环遍历时会出现一些问题,WePY 2 直接基于的小程序原生的组件去实现,避免了这一类问题。

> 4. Vue 模板语法,WePY 2 中推荐使用 HTML 代替 wxml 来写 template,支持除 filter 之外的所有 Vue 模板语法。

> 5. 编译方式改变,WePY 2 从基于文件编译调整为基于入口编译,因此对于图片等静态资源需要指定 static 选项 。


### 引用

[wepy官方2.x文档](https://wepyjs.github.io/wepy-docs/2.x/#/) 查看全部

要从wepy1.x升级到2.x这是一件比较困难的事情,因为框架的整个语法都发生了变化。正如官方所言:

> WePY 2 并不是基于 WePY 1 作的版本升级,而是完全重新开发的全新版本。因为实现原理完全不一样,因些比较难实现完全的向下兼容。

与其苦苦纠结如何升级,不如拥抱全新的版本,2.x实现了对typescript的支持,所以我们可以更加愉快的写代码

### 关于wepy1.x和wepy2.x的差异

> 1. 入口申请调整,WePY 1 使用类的继承方式 export default class MyPage extends wepy.page {} 在 WePY 2 中调整为 wepy.page({})。将实例化的过程放在生命周期事件中。

> 2. 数据绑定机制调整,WePY 1 使用脏检查进行数据绑定,却让开发者不知道使用时候去调用 $apply() 方法。在 WePY 2 中使用了 Vue Observer 实现数据绑定,告别$apply()。

> 3. 基于原生组件,WePY 1 是通过文件编译创建的静态组件在动态循环遍历时会出现一些问题,WePY 2 直接基于的小程序原生的组件去实现,避免了这一类问题。

> 4. Vue 模板语法,WePY 2 中推荐使用 HTML 代替 wxml 来写 template,支持除 filter 之外的所有 Vue 模板语法。

> 5. 编译方式改变,WePY 2 从基于文件编译调整为基于入口编译,因此对于图片等静态资源需要指定 static 选项 。


### 引用

[wepy官方2.x文档](https://wepyjs.github.io/wepy-docs/2.x/#/)