勤奋的搬运工

导航

weex Mac开发环境

安装:

1、java的jdk下载和安装

  1-1、下载、安装:省略

  1-2、配置

    第一步:命令行内输入touch .bash_profile命令,生成.bash_profile的隐藏配置文件,用于配置jdk的环境变量!(如果这个文件存在,就省略第一步,直接执行第二部即可)

    第二步:命令行内输入open -e .bash_profile,打开配置文件!

    第三步:输入如下配置

JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_40.jdk/Contents/Home
PATH=$JAVA_HOME/bin:$PATH:.
CLASSPATH=$JAVA_HOME/lib/tools.jar:$JAVA_HOME/lib/dt.jar:.
export JAVA_HOME
export PATH
export CLASSPATH

    这个/Library/Java/JavaVirtualMachines/jdk1.8.0_40.jdk/Contents/Home路径为我的jdk路径,如果你是默认安装,只需要更换你的jdk版本号就可以了,其他的都一样我的版本号为1.8.0_40

 

2、安装node:下一步、下一步即可 测试:输入node -v 如果出现版本号说明安装成功 我的胃 v8.9.0

3、weex-toolkit (全局安装)

  我第一次安装weex-toolkit出现了很多问题

  输入sudo npm install weex-toolkit -g 报错如下:

  we suggest you run "sudo chmod 777 ~" and re installor you can try "mkdir ~/.xtoolkit&&chmod 777 .xtoolkit"

  然后进入/User/mac/.xtoolkit文件夹内授予权限 

  输入命令chmod 777 ~ 

  虽然有权限了 但是仍然报错!错误信息如下

  Error: EACCES: permission denied, mkdir '/Users/mac/.xtoolkit/node_modules'

  然后我一顿百度。。。。。。。。。。。最后输入如下命令解决了问题,最终还是权限的问题

  sudo npm i --unsafe-perm -g weex-toolkit 

  提示信息为added 2859 packages in 39.672s 我就知道已经安装成功了

  最后测试weex -v

  出现信息如下 

  v1.1.0-beta.7

   - weex-builder : v0.2.13-beta.4

   - weex-previewer : v1.3.13-beta.10

  终于搞定了weex-toolkit这个脚手架!!!!!!!!!!!!!!!!!!!!!!!

4、webpack (全局安装)

  有了上边的前车之鉴 我就直接输入sudo npm i --unsafe-perm -g webpack 才发现我已经安装过了~~😝

  虽然安装成功了,但是下载包为零 测试一下 webpack --v

  结果为:3.10.0

  安装成功了!

到此 java的jdk 配置 和 npm 安装到此结束 接下来就是 开发软件了 我使用了 android studio 和 vscode 这两款

备注一下:我是看的胖哥的视频 前来分享!!!!虽然在win 10安装很快 但是在mac安装我也是头一次!!!

  

  

 

posted on 2018-01-04 11:47  刚出锅的奶酪  阅读(801)  评论(0编辑  收藏  举报