(二)weex windows 环境搭建之从0开始

*的教程

下载安装node.js并安装

官网地址 

安装貌似需要*,不会*的话速度会很慢

https://nodejs.org/en/

安装完成以后可以查看node版本

node -v 

查看npm版本

npm -v

安装全局 webpack

npm install -g webpack
webpack -v

后会提示

One CLI for webpack must be installed. These are recommended choices, delivered as separate packages:
 - webpack-cli (https://github.com/webpack/webpack-cli)
   The original webpack full-featured CLI.
We will use "npm" to install the CLI via "npm install -D".
Do you want to install 'webpack-cli' (yes/no):

输入yes

再检测是否安装成功

webpack -v

安装全局weex-toolkit

npm install -g weex-toolkit

可能出现以下问题

ode "H:\dev\node\node_modules\npm\node_modules\node-gyp\bin\node-gyp.js" rebuild )
在此解决方案中一次生成一个项目。若要启用并行生成,请添加“/m”开关。
MSBUILD : error MSB3428: 未能加载 Visual C++ 组件“VCBuild.exe”。要解决此问题,1) 安装 .NET Framework 2.0 SDK;2)
安装 Microsoft Visual
 Studio 2005;或 3) 如果将该组件安装到了其他位置,请将其位置添加到系统路径中。 [C:\Users\liuan\AppData\Roaming\npm\n
ode_modules\weex-toolkit\node_
modules\weex-previewer\node_modules\tomahawk\node_modules\socket.io\node_modules\engine.io\node_modules\ws\build\bi nding.sln]
MSBUILD : error MSB3428: 未能加载 Visual C++ 组件“VCBuild.exe”。要解决此问题,1) 安装 .NET Framework 2.0 SDK;2)
安装 Microsoft Visual
 Studio 2005;或 3) 如果将该组件安装到了其他位置,请将其位置添加到系统路径中。 [C:\Users\liuan\AppData\Roaming\npm\n
ode_modules\weex-toolkit\node_
modules\weex-previewer\node_modules\tomahawk\node_modules\socket.io\node_modules\engine.io\node_modules\ws\build\bi nding.sln]

错误原因:缺少windows构建插件

解决方法:npm install --global --production windows-build-tools  (全局安装windows构建工具)

出现

Now configuring the Visual Studio Build Tools..

All done!

就安装完了

再次执行

npm install -g weex-toolkit

查看版本

weex -v

出现提示

? May weex-toolkit anonymously report usage statistics to improve the tool over time? (Y/n)

? weex-toolkit可以匿名报告使用情况统计信息,以便随着时间的推移改进工具吗?(Y/ N)

选个y,回车,然后出来个啥提示,再回车,,查看到了版本号就算成功了

ide推荐使用 WebStorm

安装教程

略 (提示。。官网下载安装,,emmmm)

**教程

  • 百度搜索 WebStorm **码
  • 看最上面 有一个搜索工具->时间不限改为一月内。随便找一个教程集成到上面就ok

Android 环境搭建、

java8安装教程

1. 前往Oracle网站下载JDK程序并安装。

http://www.oracle.com/technetwork/java/javase/downloads/index.html

目前最新的版本为Java 9,本文以Java 8为基础,链接在Java 9下面。

(二)weex windows 环境搭建之从0开始

2. 配置环境变量

(1) 新建JAVA_HOME环境变量,赋值为JDK的安装目录:

(二)weex windows 环境搭建之从0开始

(2) 新建CLASSPATH环境变量,赋值为.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;

(二)weex windows 环境搭建之从0开始

(3) 在PATH环境变量中追加Java环境变量:

(二)weex windows 环境搭建之从0开始

java -version 查看java版本

java version "1.8.0_171"
Java(TM) SE Runtime Environment (build 1.8.0_171-b11)
Java HotSpot(TM) Client VM (build 25.171-b11, mixed mode)

javac -version

javac 1.8.0_144

两个环境都没有问题就是没问题了 有的话可能是环境配置有问题

Android Studio安装教程 明确告诉你需要*。但是不需要**

官网下载地址

https://developer.android.com/

不建议安装在c盘(任何软件都不建议安装在c盘,但是如果你很小白。最好是安装在c盘,这样省去了很多环境的麻烦,但是环境变量仍然要配置)

配置环境变量:

ANDROID_HOME=C:\Users\Fei\AppData\Local\Android\Sdk

path添加2项:

C:\Users\Fei\AppData\Local\Android\Sdk\tools

 C:\Users\Fei\AppData\Local\Android\Sdk\platform-tools

下载23.0.2版本的SDK

Configure->SDKManager->SDK Tools->勾选show Package Details ->勾选23.0.2

 

至此 环境已经搭建的明明白白。。ios我也想搭建 可是实力他不允许啊。。。快救救孩子吧...emmmmm