array(2) { ["docs"]=> array(10) { [0]=> array(10) { ["id"]=> string(3) "428" ["text"]=> string(77) "Visual Studio 2017 单独启动MSDN帮助（Microsoft Help Viewer）的方法" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(8) "DonetRen" ["tagsname"]=> string(55) "Visual Studio 2017|MSDN帮助|C#程序|.NET|Help Viewer" ["tagsid"]=> string(23) "[401,402,403,"300",404]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511400964" ["_id"]=> string(3) "428" } [1]=> array(10) { ["id"]=> string(3) "427" ["text"]=> string(42) "npm -v；报错 cannot find module "wrapp"" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(4) "zzty" ["tagsname"]=> string(50) "node.js|npm|cannot find module "wrapp“|node" ["tagsid"]=> string(19) "[398,"239",399,400]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511400760" ["_id"]=> string(3) "427" } [2]=> array(10) { ["id"]=> string(3) "426" ["text"]=> string(54) "说说css中pt、px、em、rem都扮演了什么角色" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(12) "zhengqiaoyin" ["tagsname"]=> string(0) "" ["tagsid"]=> string(2) "[]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511400640" ["_id"]=> string(3) "426" } [3]=> array(10) { ["id"]=> string(3) "425" ["text"]=> string(83) "深入学习JS执行--创建执行上下文（变量对象，作用域链，this）" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(7) "Ry-yuan" ["tagsname"]=> string(33) "Javascript|Javascript执行过程" ["tagsid"]=> string(13) "["169","191"]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511399901" ["_id"]=> string(3) "425" } [4]=> array(10) { ["id"]=> string(3) "424" ["text"]=> string(30) "C# 排序技术研究与对比" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(9) "vveiliang" ["tagsname"]=> string(0) "" ["tagsid"]=> string(2) "[]" ["catesname"]=> string(8) ".Net Dev" ["catesid"]=> string(5) "[199]" ["createtime"]=> string(10) "1511399150" ["_id"]=> string(3) "424" } [5]=> array(10) { ["id"]=> string(3) "423" ["text"]=> string(72) "【算法】小白的算法笔记：快速排序算法的编码和优化" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(9) "penghuwan" ["tagsname"]=> string(6) "算法" ["tagsid"]=> string(7) "["344"]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511398109" ["_id"]=> string(3) "423" } [6]=> array(10) { ["id"]=> string(3) "422" ["text"]=> string(64) "JavaScript数据可视化编程学习（二）Flotr2，雷达图" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(7) "chengxs" ["tagsname"]=> string(28) "数据可视化|前端学习" ["tagsid"]=> string(9) "[396,397]" ["catesname"]=> string(18) "前端基本知识" ["catesid"]=> string(5) "[198]" ["createtime"]=> string(10) "1511397800" ["_id"]=> string(3) "422" } [7]=> array(10) { ["id"]=> string(3) "421" ["text"]=> string(36) "C#表达式目录树（Expression）" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(4) "wwym" ["tagsname"]=> string(0) "" ["tagsid"]=> string(2) "[]" ["catesname"]=> string(4) ".NET" ["catesid"]=> string(7) "["119"]" ["createtime"]=> string(10) "1511397474" ["_id"]=> string(3) "421" } [8]=> array(10) { ["id"]=> string(3) "420" ["text"]=> string(47) "数据结构 队列_队列实例：事件处理" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(7) "idreamo" ["tagsname"]=> string(40) "C语言|数据结构|队列|事件处理" ["tagsid"]=> string(23) "["246","247","248",395]" ["catesname"]=> string(12) "数据结构" ["catesid"]=> string(7) "["133"]" ["createtime"]=> string(10) "1511397279" ["_id"]=> string(3) "420" } [9]=> array(10) { ["id"]=> string(3) "419" ["text"]=> string(47) "久等了,博客园官方Android客户端发布" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(3) "cmt" ["tagsname"]=> string(0) "" ["tagsid"]=> string(2) "[]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511396549" ["_id"]=> string(3) "419" } } ["count"]=> int(200) } 222 Ext Sencha Cmd 6 环境安装 - 爱码网

Ext Sencha Cmd 6 环境安装

在使用前端框架ExtJs前，需对其环境加以部署，对自己的安装过程加以记录。

建议大家在安装时，最好使用VPN，个中缘由，生在跳槽的程序袁应该都懂吧。不然ruby相关命令执行时，会提示相关包无法下载。

Sencha Cmd下载地址：https://www.sencha.com/products/extjs/cmd-download/

Sencha Cmd 6官网地址：http://docs.sencha.com/cmd/6.x/

Sencha Cmd 6相关细节的地址：http://docs.sencha.com/cmd/6.x/cmd_upgrade_guide.html

在此安装过程中，各软件包选择的版本请自行决定，一般最新版本都兼容，如果怕不兼容，请选择较低版本，但也不能过低，

第一步：安装JRE或者JDK（JDK安装后包含JRE）

　　JDK32位下载地址：http://download.oracle.com/otn-pub/java/jdk/8u45-b15/jdk-8u45-windows-i586.exe

　　JDK64位下载地址：http://download.oracle.com/otn-pub/java/jdk/8u45-b15/jdk-8u45-windows-x64.exe

　　最新版本的Sencha Cmd 6要求32位的JRE，如果要使用最新版本的Sencha Cmd，建议安装32为的JRE或JDK。

　　我选择的安装JDK，安装完成后，添加java的相关环境变量（win7下，其他系统的读者自己找环境变量添加的位置）。

　　“我的电脑”-->右键“属性”-->“高级系统设置”-->“环境变量”

Ext Sencha Cmd 6 环境安装

　　添加或修改环境变量：

　　1.添加：JAVA_HOME

Ext Sencha Cmd 6 环境安装

 　　2.修改：PATH

　　PATH属性已存在，可直接编辑。作用是用于配置路径，简化命令的输入，其值为：%JAVA_HOME%\bin。

Ext Sencha Cmd 6 环境安装

　　3.添加CLASSPATH

　　用于编译时JAVA类的路径，注意这里设置的是两个值，(.;)表示的是JVM先搜索当前目录。其值为：.;%JAVA_HOME%\lib\tools.jar。

Ext Sencha Cmd 6 环境安装

　　重启电脑后，通过相关命令判断jdk是否安装完毕。

　　打开Dos命令窗口输入：java

Ext Sencha Cmd 6 环境安装

　　打开Dos命令窗口输入：java  -varsion

Ext Sencha Cmd 6 环境安装

　　打开Dos命令窗口输入：javac

Ext Sencha Cmd 6 环境安装

 

第二步：安装ruby以及DEVELOPMENT KIT，同时安装ruby的主题包（姑且叫主题包吧，帮助ExtJs生成主题样式的）


安装：ruby

　　ruby32位下载地址：http://dl.bintray.com/oneclick/rubyinstaller/ruby-2.2.2-i386-mingw32.7z

　　ruby64位下载地址：http://dl.bintray.com/oneclick/rubyinstaller/ruby-2.2.2-x64-mingw32.7z

　　安装完成后，打开Dos命令窗口，输入：ruby -v，如果出现版本信息，则表示安装成功。

Ext Sencha Cmd 6 环境安装

 

安装：DevKit

　　这个是ruby需要的相关工具，具体使用方法，请百度。

　　支持ruby1.8.7 and 1.9.3等老版本DevKit下载地址：http://dl.bintray.com/oneclick/rubyinstaller/DevKit-tdm-32-4.5.2-20111229-1559-sfx.exe

　　DevKit32位下载地址：http://dl.bintray.com/oneclick/rubyinstaller/DevKit-mingw64-32-4.7.2-20130224-1151-sfx.exe

　　DevKit64位下载地址：http://dl.bintray.com/oneclick/rubyinstaller/DevKit-mingw64-64-4.7.2-20130224-1432-sfx.exe

　　1.下载DevKit-mingw64-64-4.7.2-20130224-1432-sfx.exe完成后，双击解压，解压时选择自己指定的文件路径（我的路径是：D:\Program Files\DevKit）

Ext Sencha Cmd 6 环境安装

Ext Sencha Cmd 6 环境安装

　　2.打开Dos命令窗口，输入：cd /d D:\Program Files\DevKit

Ext Sencha Cmd 6 环境安装

　　3.继续输入“ruby dk.rb init”，按下Enter键。显示了当前安装的Ruby处理系统，在DevKit展开文件夹中生成了初期设定的文件(config.yml，可以对比发现这个config文件是后来添加进来的。)。

Ext Sencha Cmd 6 环境安装

  Ext Sencha Cmd 6 环境安装

Ext Sencha Cmd 6 环境安装

　　4.继续输入“ruby dk.rb install”，安装Enter键，出现下图消息，表示安装完毕。

Ext Sencha Cmd 6 环境安装

　　5.打开Dos输入：gem install rdiscount --platform=ruby，如果能够安装rdiscount成功说明安装DevKit。

Ext Sencha Cmd 6 环境安装

安装主题包，打开Dos命令框输入：gem install compass

Ext Sencha Cmd 6 环境安装

　　其实我在安装ruby整个过程中，装了两次。第一次，装在D:\Program Files下；第二次装在D:\根目录下。因为第一次在执行相关命令时报错了，感觉Program Files文件夹空格名称会对其有影响。（在之前其他项目时也遇到过相似的问题，ArcGis配置企业地理数据库时，oracle11g是远程数据库，要在oracle11g服务器上安装ArcSDE，然后arcgis企业数据库用户sde要调用ArcSDE中的包，装在Program Files文件下会无法调用，就是因为包的路径中含有空格）

 

第三步：安装Sencha cmd

安装过程中，会提示是否兼容以前版本（如下图），勾选后则兼容6以前的版本，如果安装以前的老版本，则不存在这种问题。

Ext Sencha Cmd 6 环境安装

安装完成后，打开Dos命令框，输入：sencha

Ext Sencha Cmd 6 环境安装

 完成安装。

PS：win10会在输入sencha后不出现版本信息，请在换进变量Ptah中添加其路径。

Ext Sencha Cmd 6 环境安装

 

添加环境变量

Ext Sencha Cmd 6 环境安装

 

相关文章：

  • 2019-12-30
  • 2020-01-15
  • 2021-11-22
  • 2020-06-13
  • 2019-10-25
  • 2018-01-06
  • 2021-12-09
  • 2019-07-29
猜你喜欢
  • 2020-06-16
  • 2019-06-25
  • 2021-09-12
  • 2020-04-25
  • 2018-04-09
  • 2018-12-14
  • 2018-01-26
  • 2018-07-06
相关资源
相似解决方案
热门标签
Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode