Linux环境下Node.js的安装配置

2021-07-12 17:07

阅读:554

标签:代码   body   alt   系统   ext   auto   home   技术分享   enter   

1.   官网下载Node.js

技术分享

 

2.   安装Node.js

根据下载内容的不同,提供三种安装方法,选择自己喜欢的方式

2.1.   绿色免安装版(Linux(.tar.gz))

  • 解压Node-XXX.tar.gz

tar zxvf Node-XXX.tar.gz

技术分享

 

  • 进入Node-XXX/bin目录,可以看到node 和 npm都存在

cd Node-XXX/bin

  • 查看node版本,执行命令看到版本号就说明你下载的内容妥妥的了

  ./node –v

  • 将node命令修改为全局(相当于windows的设置Path环境变量)

ln -s /home/XXX/Node-XXX/bin/node /usr/local/bin/node

ln -s /home/XXX/Node-XXX/bin/npm /usr/local/bin/npm

至此到任意目录执行node –v都是可用的了,哦了~

2.2.   源代码

  • 解压Node-XXX.tar.gz

tar zxvf Node-XXX.tar.gz

  • 进入解压后的根目录 执行

./configure

make

make install

  • 查看node版本,执行命令看到版本号就说明你安装的内容妥妥的了

  ./node –v

2.3.   apt-get硬安装

  • 只需要两条命令

sudo apt-get install nodejs

sudo apt-get install npm

有些人不喜欢这个方式,觉得很慢,可以尝试设置下国内的软件源地址,还是很快滴~

技术分享

 

3.   安装Electron

安装好Node.js后,最好安装Electron这种图形用户界面来辅助提高开发效率,使用如下命令:一定要sudo不然会安装失败,--registry选项提供淘宝服务器下载地址,不然可能会下载缓慢甚至失败>

  • 安装

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

  • 测试,输入electron看到下面的图形界面表示安装成功

electron

技术分享

 

4.   安装asar(打包工具)

从Electron的运行界面可以看出,我们可以直接把node.js项目拖到其中运行,这里就需要一个将Node.js项目打包的工具——asar

  • 安装

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

安装成功后会显示如下图内容

技术分享

 

  • 测试 (注意这里是大写的V)

asar -V

5.   第一个Node.js程序

  • 创建一个项目目录,创建项目文件

mkdir testNodejs

cd testNodejs

  • 创建项目文件

vi package.json

 

[javascript] view plain copy
 
  1. {  
  2.  "name" : "TestNodejs",  
  3.  "version" : "0.1.0",  
  4.  "main" : "main.js"  
  5. }  

 

 

 

vi main.js

 

[javascript] view plain copy
 
  1. const electron = require(‘electron‘);  
  2. const app = electron.app;  // Module to control application life.  
  3. const BrowserWindow =electron.BrowserWindow;  // Module tocreate native browser window.  
  4. // Report crashes to our server.  
  5. electron.crashReporter.start();  
  6. // Keep a global reference of the windowobject, if you don‘t, the window will  
  7. // be closed automatically when theJavaScript object is garbage collected.  
  8. var mainWindow = null;  
  9.   
  10. // Quit when all windows are closed.  
  11. app.on(‘window-all-closed‘, function() {  
  12.   //On OS X it is common for applications and their menu bar  
  13.   //to stay active until the user quits explicitly with Cmd + Q  
  14.   if(process.platform != ‘darwin‘) {  
  15.    app.quit();  
  16.   }  
  17. });  
  18.   
  19. // This method will be called when Electronhas finished  
  20. // initialization and is ready to createbrowser windows.  
  21. app.on(‘ready‘, function() {  
  22.  //Create the browser window.  
  23.  mainWindow = new BrowserWindow({width: 800, height: 600});  
  24.  //and load the index.html of the app.  
  25.  mainWindow.loadURL(‘file://‘ + __dirname + ‘/index.html‘);  
  26.   
  27.  //Open the DevTools.  
  28.  mainWindow.webContents.openDevTools();  
  29.    
  30.   //Emitted when the window is closed.  
  31.  mainWindow.on(‘closed‘, function() {  
  32.    // Dereference the window object, usually you would store windows  
  33.    // in an array if your app supports multi windows, this is the time  
  34.    // when you should delete the corresponding element.  
  35.    mainWindow = null;  
  36.   });  
  37. });  


vi index.html

 

 

 

[html] view plain copy
 
  1. html>  
  2. html>  
  3.  head>  
  4.    meta charset="UTF-8">  
  5.    title>Hello World!title>  
  6.  head>  
  7.  body>  
  8.    h1>Hello World!h1>  
  9.    We are using nodescript>document.write(process.versions.node)script>,  
  10.    Chromescript>document.write(process.versions.chrome)script>,  
  11.    and Electronscript>document.write(process.versions.electron)script>.  
  12.  body>  
  13. html>  
 
  • 测试运行(在testNodejs根目录下执行命令)

electron .

技术分享

 

  • 打包项目

cd ..

asar pack testNodejs testNodejs.asar

  • 测试运行打包内容,在文件系统界面将testNodejs.asar拖到Electron界面的”Drag your app here to run it”来运行

ENJOY Node.js !!!

Linux环境下Node.js的安装配置

标签:代码   body   alt   系统   ext   auto   home   技术分享   enter   

原文地址:http://www.cnblogs.com/chris-oil/p/7081055.html


评论


亲,登录后才可以留言!