一、dubbo搭建... 1

1.将github上下载的打包，cmd命令... 1

2.将生成的dubbo-admin-2.5.10.war，放入本地tomcat/webapps目录下... 1

3.切换到bin目录... 1

4.访问浏览器网址... 1

二、zookeeper配置与搭建... 1

1.解压zookeeper-3.4.11.tar.gz，进入其目录下的conf 1

2.zoo.cfg修改文件... 1

3.进入bin目录，启动下图客户端、服务端... 1

3.1 zookeeper客户端和服务端运行正常... 1

3.2 tomcat运行正常... 1

三、 redis本地环境搭建... 1

1. 解压压缩包，复制redis.conf,做一下备份，... 1

2. 地址栏敲cmd,redis-server.exe. 1

3. 用客户端连接，说明成功... 1

4. 记住一定要关闭服务，以免影响自己电脑的运行状态... 1

四、node、vue、vue-cli搭建,element-ui等常用软件安装... 1

1、下载node. 1

2.直接点击安装包，一直next,安装... 1

3 npm&&cnpm设置... 1

3.1 得到原本的镜像地址 npm get registry. 1

3.2 设成淘宝的 npm config set registry http://registry.npm.taobao.org，出现下图说明配置成功... 1

3.3 设置global和cache(双引号中的路径为自己电脑nodejs 安装的目录) 1

3.4 安装cnpm（执行下面的命令，等待安装完成<亲测公司的网络需要很长时间才可以安装好>）{切记先执行3.5步骤，在执行3.4} 1

3.5 设置环境变量（非常重要）... 1

3.6 使用cnpm安装vue. 1

cnpm install vue -g. 1

3.7 安装vue命令行工具（vue脚手架）... 1

3.8 基于webpack 创建个demo 项目吧（创建过程依旧很慢，耐心等待）... 1

一、dubbo搭建

1.将github上下载的打包，cmd命令

mvn clean install -Dmaven.test.skip=true

?

2.将生成的dubbo-admin-2.5.10.war，放入本地tomcat/webapps目录下

?

3.切换到bin目录

E:\applications\webServers\apache-tomcat-8.5.24\apache-tomcat-8.5.24\bin，双击下图文件

?

4.访问浏览器网址

http://localhost:8080/dubbo-admin-2.5.10/

?

二、zookeeper配置与搭建

1.解压zookeeper-3.4.11.tar.gz，进入其目录下的conf

复制一份zoo_sample.cfg，重命名为zoo.cfg，打开文件

?

2.zoo.cfg修改文件

?

3.进入bin目录，启动下图客户端、服务端

E:\applications\webServers\zookeeper-3.4.11\zookeeper-3.4.11\bin

?

3.1 zookeeper客户端和服务端运行正常

?

3.2 tomcat运行正常

?

三、 redis本地环境搭建

1. 解压压缩包，复制redis.conf,做一下备份，

找到requirepass foobared,复制到新的一行，将前面的#删除，并清除空格，不然会造成密码设置不成功。并将foobared改为自己需要的密码，然后保存。

?

2. 地址栏敲cmd,redis-server.exe

?

?

3. 用客户端连接，说明成功

?

出现下面的界面，说明成功

?

4. 记住一定要关闭服务，以免影响自己电脑的运行状态

?

四、node、vue、vue-cli搭建,element-ui等常用软件安装

1、下载node

https://nodejs.org/en/download/。

强烈建议使用nvm(Node Version Manager) ，nvm是 Nodejs 版本管理器，它让我们方便的对切换Nodejs 版本。

nvm 介绍：使用 nvm 管理不同版本的 node 与 npm

关于nvm的详细安装以及使用可以访问以下链接：

1. Linux: https://github.com/creationix/nvm
2. Windows: https://github.com/coreybutler/nvm-windows

https://github.com/coreybutler/nvm-windows

2.直接点击安装包，一直next,安装

打开cmd,输入node -v 查看node版本

npm -v

显示下图信息，说明安装成功

?

3 npm&&cnpm设置

3.1 得到原本的镜像地址 npm get registry

?

3.2 设成淘宝的 npm config set registry http://registry.npm.taobao.org，出现下图说明配置成功

（换成原来的

npm config set registry https://registry.npmjs.org/）

?

3.3 设置global和cache(双引号中的路径为自己电脑nodejs 安装的目录)

npm config set prefix "E:\nodejs\node_global"

npm config set cache "E:\nodejs\node_cache"

1. 设置成功后，后续用命令npm install XXX -g安装以后模块就在E:\nodejs\\node_global\node_modules里

?

3.4 安装cnpm（执行下面的命令，等待安装完成<亲测公司的网络需要很长时间才可以安装好>）{切记先执行3.5步骤，在执行3.4}

npm install -g cnpm --registry=https://registry.npm.taobao.org

?

等了大约半个小时吧，终于安装完成，效果如下图所示

?

输入cnpm -v ，检测是否正常，在系统变量path下添加该路径即可正常使用cnpm

这里需要先配置环境变量，所以我们将3.5的步骤放到3.4之前来操作

出现下图提示信息，说明安装成功

?

注意：淘宝镜像语句，安装后npm速度更快，用的时候将npm都改成cnpm

3.5 设置环境变量（非常重要）

?

3.5.1 修改用户变量PATH：

选中PATH，点击编辑，在已有的变量后面，加入英文的";"

1. 把“E:\nodejs\node_global”加到后面
2. 把“E:\nodejs”加到后面

?

3.5.1 新增系统变量NODE_PATH：

在下面的系统变量中点击新建，弹出下框，把变量值设置成“E:\nodejs\node_global\node_modules”

?

3.6 使用cnpm安装vue

cnpm install vue -g

出现下图提示，安装vue成功

?

3.7 安装vue命令行工具（vue脚手架）

cnpm install vue-cli -g

出现下图提示，安装vue-cli成功

?

3.8 基于webpack 创建个demo 项目吧（创建过程依旧很慢，耐心等待）

vue init webpack new-project

出现

更将详细，专业的说明

?

对应引导句讲解：

1、回车跳转下一个引导配置问题。

2、Project name 填写你定义的项目名称； project description 后面填写对项目的描述； Author 填写作者名

3、之后会问到是够安装vue-router / 是否用ESLint / 是否建立Unit单元测试 / E2E 黑盒测试 / Karma + Mocha

1. ESLint的作用是检查代码错误和统一代码风格的。确认添加ESLint后，在创建的项目中就会出现.eslintignore和.eslintrc.js两个文件。eslintignore类似Git的.gitignore用来忽略一些文件不使用ESLint检查。eslintrc.js是ESLint配置文件，用来设置插件、自定义规则、解析器等配置。
2. Karma是一个基于Node.js的JavaScript测试执行过程管理工具（Test Runner）。该工具在Vue中的主要作用是将项目运行在各种主流Web浏览器进行测试。
3. Mocha是一个测试框架，在vue-cli中实现单元测试。

哪里描述不正确，请在评论区留言，希望可以帮助到大家！！！