美文网首页
Window7系统Weex环境搭建

Window7系统Weex环境搭建

作者: zhaodsh | 来源:发表于2017-07-05 17:11 被阅读0次

安装nodejs

下载 最新版的 nodejs, 然后点击下一步安装。
检查是否安装成功:

C:\Users\zhaodsh.FIRSTSHARE>node -v
v8.1.2
C:\Users\zhaodsh.FIRSTSHARE>npm -v
5.0.3

通常,安装了 Node.js 环境,npm 包管理工具也随之安装了。npm 是一个 JavaScript 包管理工具,它可以让开发者轻松共享和重用代码。Weex 很多依赖来自社区,同样,Weex 也将很多工具发布到社区方便开发者使用。

说明: 到了这一步,有的开发者说安装cnpm,然后使用cnpm安装weex, 千万不要安装,安装后面如果用cnpm 安装weex-toolkit,weex的执行命令会有问题。(cnpm是淘宝 NPM 镜像)

安装 weex-toolkit

weex已经把所有的工具打包成了weex-toolkit了,所以接下来安装weex-toolkit。
执行如下命令,等待完成:
npm install -g weex-toolkit
出现以下说明安装成功:

以上2步完成后,环境搭建就完成了。

搭建环境中遇到的问题:

执行weex命令时,显示如下错误:

C:\Users\zhaodsh.FIRSTSHARE\AppData\Roaming\npm\node_modules\weex-toolkit\node_modules\_xtoolkit@0.2.7@xtoolkit\src\package\NpmPackage.js:50
throw new Error('resolve path error:'+this.path)

这是我使用cnpm安装导致的,那么怎么解决呢:
首先卸载weex-toolkit,使用如下命令:

cnpm uninstall -g weex-toolkit
然后使用npm安装。

我是怎么解决的: 反正我也不用cnpm,所以我直接在

C:\Users\zhaodsh.FIRSTSHARE\AppData\Roaming\npm
C:\Users\zhaodsh.FIRSTSHARE\AppData\Roaming\npm\node_modules

两个目录里删除掉了和cnpm以及weex相关的东西。

这个也和cnpm有关,删除了cnpm即可。

环境搭建完了,接下来会写:

  1. weex的demo工程创建和运行。
  2. weex的android项目创建和运行。
  3. 已有项目如何集成weex的sdk

相关文章

网友评论

      本文标题:Window7系统Weex环境搭建

      本文链接:https://www.haomeiwen.com/subject/ukmqhxtx.html