前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >Newbe.Pct-开发环境准备

Newbe.Pct-开发环境准备

作者头像
newbe36524
发布于 2020-03-16 06:14:42
发布于 2020-03-16 06:14:42
75600
代码可运行
举报
运行总次数:0
代码可运行

本文将介绍使用Newbe.Pct项目所需要的环境准备工作。本篇作为启动项目的基本篇是必不可少的。但是,假如读者希望先了解本项目的功能效果,读者可以先阅读《Newbe.Pct 开始使用)》

操作系统

本项目基于Java与NodeJs运行。因此,正常在能够正常运行Java与NodeJs的操作系统,都可以作为开发或运行用的操作系统。

本系列文章采用 Windows 10 专业版 Build 17134作为演示操作系统。

正常,在Mac和Linux操作系统上也同样能够实现本系列文章所述内容。需要读者自行尝试。

以下所有步骤均要按顺序执行安装,若前一步没有成功,则下一步通常也不会成功。

浏览器

本项目原理上支持 Chrome、Firefox 和 IE 浏览器。本系列文章主要围绕 Chrome 浏览器相关的内容进行描述。

因此,读者需要从以下链接下载和安装 Chrome 浏览器:

https://www.google.cn/chrome/

Java

关于Java的版本,本项目要求 Java7+ 。

Java环境的安装,可以参考以下文章:

http://www.runoob.com/java/java-environment-setup.html

对于初学者需要特别注意的是:以上链接中提到了Java的开发环境和IDE的安装。

其中IDE的安装是本项目所不需要的,注意甄别。

作者编写此文章时,所使用的Java版本为 x64 1.8.0_112。建议至少安装同版本或更高版本以便能够正常运行示例中的内容。

NodeJs

关于Java的版本,本项目要求 NodeJs 8+ 。

NodeJs环境的安装,可以参考以下文章:

http://www.runoob.com/nodejs/nodejs-install-setup.html

作者编写此文章时,所使用的NodeJs版本为 x64 10.13.0。建议至少安装同版本或更高版本以便能够正常运行示例中的内容。

安装与设置 webdriver-manager

webdriver-manager 作为本项目的浏览器驱动引擎,是非常关键的一项内容。

以下,详细叙述一下安装步骤。

安装 webdriver-manager

打开 控制台(或 Teminal ), 在控制台中输入以下命令

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
npm install -g webdriver-manager

若安装之后,界面上没有任何明显的错误提示,则说明安装成功。

在线初始化 webdriver-manager

打开 控制台(或 Teminal ), 在控制台中输入以下命令

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
webdriver-manager status

将会输出类似以下内容

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
C:\Users\newbe36524>webdriver-manager status
webdriver-manager: using global installed version 12.1.0
[18:19:53] W/status - the out_dir path C:\Users\newbe36524\AppData\Roaming\npm\node_modules\webdriver-manager\selenium does not exist

此内容表示当前 webdriver-manager 还未安装任何浏览器自动化驱动。

在控制台中输入以下命令

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
webdriver-manager update

值得注意的是,该步骤需要从googleapis.com网站下载文件。由于众所周知的原因,在大陆访问该站点时,会出现无法下载的情况,导致这一步失败。因此,通过以下命令设置网络代理,以实现加速下载

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
webdriver-manager update --proxy=http://127.0.0.1:1080

离线初始化 webdriver-manager

若读者在无法正常使用在线方案实现初始化 webdriver-manager ,这里同样提供离线方案。

通过下面链接下载已经下载好的压缩包

https://pan.baidu.com/s/1tSI3MzbhNxaEmk0DtYXRuw

运行以下命令获取npm包安装位置

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
npm root -g

假设,获取到的路径是 C:\Users\newbe\AppData\Roaming\npm\node_modules,则将压缩包的内容解压到 C:\Users\newbe\AppData\Roaming\npm\node_modules\webdriver-manager\selenium 文件夹。注意,如果 selenium 文件夹不存在,可以手动创建。

确认 webdriver-manager 安装效果

运行以下命令获取npm包安装位置

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
webdriver-manager status

若得到类似以下结果,则说明安装成功。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
webdriver-manager: using global installed version 12.1.0
[19:58:24] I/status - selenium standalone version available: 3.141.59
[19:58:24] I/status - chromedriver version available: 2.44
[19:58:24] I/status - geckodriver version available: v0.23.0
[19:58:24] I/status - IEDriverServer is not present
[19:58:24] I/status - android-sdk is not present
[19:58:24] I/status - appium is not present

可以通过以下命令启动 webdriver-manager

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
webdriver-manager start

若得到以下信息,则说明以上安装的内容全部已经成功。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
webdriver-manager: using global installed version 12.1.0
[20:00:19] I/start - java -Dwebdriver.chrome.driver=C:\Users\newbe\AppData\Roaming\npm\node_modules\webdriver-manager\selenium\chromedriver_2.44.exe -Dwebdriver.gecko.driver=C:\Users\newbe\AppData\Roaming\npm\node_modules\webdriver-manager\selenium\geckodriver-v0.23.0.exe -jar C:\Users\newbe\AppData\Roaming\npm\node_modules\webdriver-manager\selenium\selenium-server-standalone-3.141.59.jar -port 4444
[20:00:19] I/start - seleniumProcess.pid: 7936
20:00:19.750 INFO [GridLauncherV3.parse] - Selenium server version: 3.141.59, revision: e82be7d358
20:00:19.829 INFO [GridLauncherV3.lambda$buildLaunchers$3] - Launching a standalone Selenium Server on port 4444
2018-12-04 20:00:19.867:INFO::main: Logging initialized @330ms to org.seleniumhq.jetty9.util.log.StdErrLog
20:00:20.035 INFO [WebDriverServlet.<init>] - Initialising WebDriverServlet
20:00:20.541 INFO [SeleniumServer.boot] - Selenium Server is up and running on port 4444

至此,安装 webdriver-manager 的步骤就完毕了。详细的使用方法,在后续的文章中将会介绍。

读者可以直接关闭以上运行的 webdriver-manager 。

安装 typescript

打开 控制台(或 Teminal ), 在控制台中输入以下命令

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
npm install typescript -g

等待成功安装完毕即可。

IDE

本项目涉及 protractorcucumbertypescript。作者更加偏向于使用WebStorm作为开发IDE。

可以点击以下链接下载安装 WebStorm :

https://www.jetbrains.com/webstorm/

开发者也可以根据自己的习惯选用相应的IDE并配合相应的插件实现相应的效果。

完成

至此关于 Newbe.Pct 相关的环境初始化内容都说明完毕了。

教程链接

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018-12-042,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
开发必备 | 新手如何快速掌握VSCode编辑器?
描述: VS Code 的全称是 Visual Studio Code,是一款开源的、免费的、跨平台的、高性能的、轻量级的代码编辑器。它在性能、语言支持、开源社区方面,都做得很不错。
全栈工程师修炼指南
2023/10/31
9790
开发必备 | 新手如何快速掌握VSCode编辑器?
测试makedown
删除线 删除线(开启识别HTML标签时) 斜体字 斜体字 粗体 粗体 粗斜体 粗斜体
JuneBao
2022/10/26
4860
测试makedown
欢迎使用 Markdown在线编辑器 MdEditor
Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的HTML页面,Markdown文件的后缀名便是“.md”
ZC.TigerRoot
2020/04/30
3K0
Typora Markdown 语法
当前许多网站都广泛使用 Markdown 来撰写帮助文档或是用于论坛上发表消息。例如:GitHub、简书、reddit、Diaspora、Stack Exchange、OpenStreetMap 、SourceForge等。
框架师
2021/03/08
2.9K0
Typora Markdown 语法
超级文本编辑器Sublime Text3「建议收藏」
Sublime Text3是一个超强的文本编辑工具,跨平台(Windows、Linux、Mac);几乎你需要的功能都有,一切可修改(快捷键、插件包etc.);界面优美;可惜的是不开源,不过即使不注册也可以使用。Lime Text是其开源版的一种实现,我还没打算用这个。
全栈程序员站长
2022/09/02
2.8K0
超级文本编辑器Sublime Text3「建议收藏」
[译]27个Jupyter Notebook小提示与技巧
Jupyter notebook, 前身是 IPython notebook, 它是一个非常灵活的工具,有助于帮助你构建很多可读的分析,你可以在里面同时保留代码,图片,评论,公式和绘制的图像。
用户1558438
2018/08/23
1.6K0
数据科学工具 Jupyter Notebook教程 in Python
摘要总结:本文介绍了基于Plotly的Web可视化框架的应用和代码示例,包括折线图、散点图、箱线图、热力图、条形图、瀑布流、地图、交互式图表等。此外,还介绍了如何利用Python的Numpy和Pandas库进行数据处理和分析,以及如何通过Python的Plotly库创建交互式图表。本文还介绍了如何将Plotly嵌入到Web应用程序中,并分享了多个Python代码示例和Jupyter Notebook页面。
张耀琦
2017/09/21
5.7K0
数据科学工具 Jupyter Notebook教程 in Python
关于 R Markdown 的一些 tips
在 YAML 文件中用 number_sections: TRUE 参数设置自动编号:
生信菜鸟团
2020/03/30
1.9K0
Jupyter notebook使用技巧大全
Jupyter Notebook是一款开源的web应用,它允许使用者创建和分享包含代码,公式,可视化图表和纯文本的文档,并支持多种编程语言的交互式计算,对于python用户来讲更是一款十分方便的代码编写工具。只需要通过web浏览器就可以很方便地进行数据清洗和转换,数值模拟,统计建模,数据可视化,机器学习等。本文主要介绍Jupyter Notebook结合python的使用。
超哥的杂货铺
2019/12/18
2.1K0
Jupyter notebook使用技巧大全
【3】jupyter notebook【修改主题、字体、字号、代码自动补全、变更工作目录、添加目录插件、解决工具栏隐藏问题、修改默认浏览器、默认打开位置】
1.jupyter notebook 修改主题、字体字号等设置 github链接地址:https://codechina.csdn.net/mirrors/dunovank/jupyter-theme
汀丶人工智能
2022/12/21
1.8K0
【3】jupyter notebook【修改主题、字体、字号、代码自动补全、变更工作目录、添加目录插件、解决工具栏隐藏问题、修改默认浏览器、默认打开位置】
十五分钟让你快速学习Markdown语法到精通排版实践
描述: Markdown 是一种轻量级标记语言于2004年推出,创始人为约翰·格鲁伯(John Gruber)。 它允许人们使用易读易写的纯文本格式编写文档,然后转换成有效的 XHTML(或者HTML)文档。
全栈工程师修炼指南
2022/09/29
2.5K0
linux 命令中英文对照,收集
听说markdown排版得用浏览器打开,点击最下面的阅读原文也可以! Is Linux CLI case-sensitive? The answer is, yes. If you try to ru
生信技能树
2018/03/05
2.2K0
1.5w字的Rmarkdown入门教程汇总
Rmarkdown 是 R 语言环境中提供的 markdown 编辑工具,运用 rmarkdown 撰写文章,既可以像一般的 markdown 编辑器一样编辑文本,也可以在 rmarkdown 中插入代码块,并将代码运行结果输出在 markdown 里。R Markdown 格式,简称为 Rmd 格式, 相应的源文件扩展名为.Rmd。输出格式可以是 HTML、docx、pdf、beamer 等。
庄闪闪
2021/04/08
9K0
Dinosaurus_Island_Character_level_language_model_final_v3b
Welcome to Dinosaurus Island! 65 million years ago, dinosaurs existed, and in this assignment they are back. You are in charge of a special task. Leading biology researchers are creating new breeds of dinosaurs and bringing them to life on earth, and your job is to give names to these dinosaurs. If a dinosaur does not like its name, it might go berserk, so choose wisely!
列夫托尔斯昊
2020/08/25
2.4K0
Dinosaurus_Island_Character_level_language_model_final_v3b
ARM 之七 主流编译器(armcc、iar、gcc for arm、LLVM(clang))详细介绍[通俗易懂]
  在讲解各编译器之前,必须先了解一下以下这些文件。这些文件在编译器目录下或者编译生成目标平台的可执行程序时经常见到。此外,还需要注意区分 Windows 平台 和 Linux 平台的文件。
全栈程序员站长
2022/06/28
16.8K0
ARM 之七 主流编译器(armcc、iar、gcc for arm、LLVM(clang))详细介绍[通俗易懂]
pandoc
前言 Pandoc 是一个开源的文档转换工具 If you need to convert files from one markup format into another, pandoc is your swiss-army knife Pandoc 可以很方便地将文档在主流的文档格式间转化 下面分享一下 Pandoc 的基础安装操作 参考 Installing pandoc Tip: 当前版本 pandoc 2.1 环境 [root@C7-x64 ~]# hostnamectl Static h
franket
2021/08/12
6120
第二十二章 : 格式化输出
In this chapter, we continue our look at text related tools, focusing on programs that areused to format text output, rather than changing the text itself. These tools are often usedto prepare text for eventual printing, a subject that we will cover in the next chapter. Theprograms that we will cover in this chapter include:
砖业洋__
2023/05/06
2980
leveldb介绍「建议收藏」
The leveldb library provides a persistent key value store. Keys and values are arbitrary byte arrays. The keys are ordered within the key value store according to a user-specified comparator function.
全栈程序员站长
2022/07/22
8540
docsify的配置+全插件列表
本篇文章来自好友肥子哥,原文连接:https://xhhdd.cc/index.php/archives/80/
星橙
2022/11/28
8.2K2
docsify的配置+全插件列表
github pages + Hexo + 域名绑定搭建个人博客增强版
概述 前面我们用github pages + Hexo 搭建了一个简单版的个人博客系统,但是里面的内容单调,很多功能不够完善,所以我们需要对yelle 的主题进行优化和完善。基本搭建请访问:http://blog.csdn.net/xiangzhihong8/article/details/53355036 主题配置介绍 从中我们也可以看出,对于主题来讲,大部分可以配置的地方其实都是在这里的。所以我们需要了解一个基本的主题样式。 duoshuo,如果你是打算采用多说评论系统的话,你需要设置这里,但是我个人对
xiangzhihong
2018/02/05
1.4K0
github pages + Hexo + 域名绑定搭建个人博客增强版
推荐阅读
相关推荐
开发必备 | 新手如何快速掌握VSCode编辑器?
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档