Window7系统Weex环境搭建

安装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
出现以下说明安装成功:

Window7系统Weex环境搭建_第1张图片

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

搭建环境中遇到的问题:

Window7系统Weex环境搭建_第2张图片

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

C:\Users\zhaodsh.FIRSTSHARE\AppData\Roaming\npm\node_modules\weex-toolkit\node_modules\[email protected]@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相关的东西。

Window7系统Weex环境搭建_第3张图片

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

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

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

你可能感兴趣的:(Window7系统Weex环境搭建)