UOS下安装electron开发环境

关于国产操作系统UOS的安装,已经遍地都是,小编我很反感无意义的转发,正好赶上要用electron做项目,所以第一篇CSDN的博文就从在UOS操作系统中安装electron开始

安装辅助工具

安装electron需要一些辅助工具,如git等,虽然我没有把安装UOS的教程步骤发上来(虽然很简单),但是这篇博文依然是从全新安装UOS系统后开始介绍:

首先列一下需要安装的辅助工具都有那些:

1)git          // 我们需要使用git下载electron示例代码

2)npm          //使用npm下载安装cnpm

3)cnpm         //下载安装electron

4)nodejs       //electron是基于nodejs运行的

好了我们要开始安装这些辅助工具,linux下最酷的事情就是使用终端安装各种软件,这点和windows不同,不用费劲的满世界去找安装软件下载,只需要一条命令,连下载加安装全齐了,在妹子面前进行这样的安装,简直就是装X神器。

UOS默认提供的终端超级好用,在诸多LINUX发行版中,UOS默认自带的终端是最好用的,字符配色方案炫酷中也非常实用,废话不多说,按下Ctrl+Alt+T键既可启动终端。

接下来键入第一条命令:

 sudo apt install git

因为用了sudo命令,需要根据提示输入root用户的密码。安装过程中会提示是否安装,UOS自带的APT贴心的提示**(Y/n)**字母Y是大写,也就是说直接按下回车即表示确认安装,按下回车键稍等片刻即可完成安装git,至于这个git是干嘛用的,请各位自行百度。

然后开始安装第二个工具:

sudo npm install cnpm

可能有朋友注意到,这次增加了一个参数**-y**,其实就是将安装过程中的确认步骤设置成默认,不再进行询问,直接进行安装

接下来就是第三个工具:

sudo apt install -y nodejs
node -v

这个步骤需要的时间略长一些,多等待一下就好,安装完成后可以执行一下第4行的命令测试一下,正常的话应该可以显示出来nodejs的版本号,如果显示结果不正常,请检查并重新进行第3行的命令

然后我们要开始使用第二步安装的npm安装cnpm:

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

具体过程和用apt安装是一样的

终于到了最关键的一步,使用cnpm安装electron:

sudo cnpm install -g [email protected]
electron -v 

electron最新是8.2.0,但是不知道为什么安装8.2.0后总是出错,可能新版本不稳定吧,所以退而求其次,还是安装8.1.1吧。照样安装完成后,使用第7行的命令进行测试,这里有的同学可能会出错,提示权限不够,大概应该是cnpm安装程序的缺陷,我们需要手动修复:

sudo sudo chmod 4755 /usr/local/lib/node_modules/electron/dist/chrome-sandbox
electron -v

哈哈,终于见到曙光了,electron已经可以运行了,接下来我们下载一段代码测试一下:

cd ~          //回到用户主目录
git clone https://github.com/electron/electron-quick-start   //使用git工具下载electron的测试代码
cd electron-quick-start/     //进入下载的代码目录     
npm start                    //用npm启动这段代码

很好,现在正常的已经弹出来一个窗口,显示“hello Word!”

说明我们在UOS下可以愉快的进行electron的开发工作了。当然我们还需要安装一些代码编辑器等辅助软件,比如vs code,这个在UOS中的软件商店中已经集成了,直接安装即可,当然也可以使用终端,使用命令行进行安装,UOS是不是很强大呢,快来体验吧。

sudo apt install com.visualstudio.code

转自:菜鸟入坑UOS的日记--UOS下安装electron开发环境_若水三谦的博客-CSDN博客 

猜你喜欢

转载自blog.csdn.net/fuhanghang/article/details/132837190