AlgorithmVisualizer項目運行環境搭建

在Ubuntu14.04 x64下搭建AlgorithmVisualizer項目運行環境

項目地址：https://github.com/parkjs814/AlgorithmVisualizer

演示項目：http://parkjs814.github.io/AlgorithmVisualizer

 

1. node+npm安裝

默認下Ubuntu14.04是沒有安裝nodejs，需要用戶自己安裝[推薦：方式三]

方式一：

官網下載最新的nodejs[v7.5,2017.2.16] ,解壓，建立軟鏈接

# 下載並解壓 node-v7.5.0-linux-x86.tar.xz
tar -xJf node-v7.5.0-linux-x86.tar.xz
# 移到通用的軟件安裝目錄 /opt/
sudo mv node-v7.5.0-linux-x86 /opt/

# 安裝 npm 和 node 命令到系統命令
sudo ln -s /opt/node-v7.5.0-linux-x86/bin/node /usr/local/bin/node
sudo ln -s /opt/node-v7.5.0-linux-x86/bin/npm /usr/local/bin/npm

# 驗證：
node -v
v7.5.0
npm -v
4.1.2 　　　　

 

參考鏈接：http://www.linuxidc.com/Linux/2016-09/135487.htm

 

方式二：

使用Ubuntu提示的方式安裝:

sudo apt-get install nodejs 
sudo apt-get install npm
nodejs -v
npm -v　　

成功安裝，但是版本很老[補充：Ubuntu里node命令無效解決方法 ]

終於發現了一個可以管理node版本的第三方庫，n來自tj大神。
安裝n有幾種方式，最快捷的是用npm安裝，前面的安裝已經為這里打好了鋪墊，現在只需要運行 sudo npm install -g n ，安裝好后升級nodejs  sudo n latest  

Use or install the latest official release:
sudo n latest

Use or install the stable official release:
sudo n stable　　　

 參考鏈接：https://segmentfault.com/a/1190000007148749

方式三*：

下載到本地后解壓，移動到/opt目錄，配置/etc/profile全局環境變量 

sudo mv node-v7.5.0-linux-x86 /opt/
sudo gedit /etc/profile
# NODEJS ENV
export NODE=/opt/node-v7.5.0-linux-x86
export PATH=${NODE}/bin:$PATH
# 立即生效
. /etc/profile　　

 

2. 編譯運行AlgorithmVisualizer項目 

# install gulp globally so you can run it from the command line
npm install -g gulp-cli

# install all dependencies
npm install

# run gulp to start the livereload server on http://localhost:8080 
gulp 

注：如果使用方式一，在執行 npm install -g gulp-cli 之后需要額外執行 sudo ln -s /opt/node-v7.5.0-linux-x86/bin/gulp /usr/local/bin/gulp ，

否則在使用 gulp -v 時會報錯：找不到gulp　

　

3. 關於nodejs做前端開發的基礎知識，可以從下面的鏈接中了解更多：

 >>使用 gulp 搭建前端環境入門篇

 >>未完待續