同福

NodeJS学习笔记

介绍

介绍

NodeJS是一个开发环境,用于 JavaScript 的工程的开发,打包等操作。

同时 NodeJS 还提供了一些高级的工具,可以通过 JS 脚本实现一些网络通讯编程才能做到的功能。

我们今天来学习一下 NodeJS 的安装和使用

安装NodeJS

官方下载地址

官方下载地址 https://nodejs.org/en/download/

软件版本

  • OS(Windows):Windows 10 专业版

  • OS(Linux):CentOS 7.6

  • node:v12.16.3

  • npm:v6.14.4

  • webpack:4.43.0

  • webpack-cli:3.3.11

在Windows上安装

下载 msi 安装包,一路next,即可完成安装

在Linux上以二进制方式安装

准备环境

需要安装 wget 和 xz

mkdir /packages
cd /packages
yum -y install wget xz

安装 NodeJS

下载并安装 nodejs

这里拿到的是 xz 压缩包需要通过 xz 工具解压缩为 tar 文件才能用 tar 来解压缩

wget https://nodejs.org/dist/v12.16.3/node-v12.16.3-linux-x64.tar.xz
xz -d node-v12.16.3-linux-x64.tar.xz
tar -xvf node-v12.16.3-linux-x64.tar -C /tongfu.net/env/
mv /tongfu.net/env/node-v12.16.3-linux-x64 /tongfu.net/env/nodejs
ln -s /tongfu.net/env/nodejs/bin/node /usr/bin/node
ln -s /tongfu.net/env/nodejs/bin/npm /usr/bin/npm

在Linux上以源码方式安装

准备环境

需要安装 wget 和 gcc 环境

mkdir /packages
cd /packages
yum -y install wget which
yum -y install gcc gcc-c++ make

升级 GCC

nodejs需要高版本的gcc,我们需要升级一下

升级gcc是个漫长的过程,请耐心等待。。。

yum -y groupinstall "Development Tools"
yum -y install glibc-static libstdc++-static
wget https://ftp.gnu.org/gnu/gcc/gcc-6.3.0/gcc-6.3.0.tar.gz
tar -zxvf gcc-6.3.0.tar.gz
cd gcc-6.3.0
./contrib/download_prerequisites
mkdir build
cd build
../configure --enable-checking=release --enable-languages=c,c++ --disable-multilib
make
make install
cp prev-x86_64-pc-linux-gnu/libstdc++-v3/src/.libs/libstdc++.so.6.0.22 /usr/lib64/
cd /usr/lib64/
rm -f libstdc++.so.6
ln -s libstdc++.so.6.0.22 libstdc++.so.6
cd /packages/

安装 NodeJS

现在可以安装nodejs了

安装nodejs也是个漫长的过程,请耐心等待。。。

wget https://nodejs.org/dist/v12.16.3/node-v12.16.3.tar.gz
tar -xzvf node-v12.16.3.tar.gz
cd node-v12.16.3
./configure --prefix=/tongfu.net/env/nodejs
make
make install
ln -s /tongfu.net/env/nodejs/bin/node /usr/bin/node
ln -s /tongfu.net/env/nodejs/bin/npm /usr/bin/npm
cd ../

验证NodeJS

在Windows上

打开MS-DOS,cd到nodejs的安装目录,输入命令

d:\TFAPI\nodejs>node.exe -v
v12.16.3

d:\TFAPI\nodejs>npm -v
6.14.4

在Linux上

进入 /tongfu.net/env/nodejs/,输入命令

[root@tongfunet nodejs]# ./bin/node -v
v12.16.3
[root@tongfunet nodejs]# ./bin/npm -v
6.14.4

配置NodeJS

在Windows上

初始化

打开MS-DOS,cd到nodejs的安装目录,输入命令

d:\TFAPI\nodejs>mkdir node_prefix

d:\TFAPI\nodejs>mkdir node_cache

d:\TFAPI\nodejs>npm config set prefix "d:\TFAPI\nodejs\node_prefix"

d:\TFAPI\nodejs>npm config set cache "d:\TFAPI\nodejs\node_cache"

设置环境变量

右键“我的电脑”-》属性-》高级系统属性-》环境变量

设置用户变量Path,增加 d:\TFAPI\nodejs\node_prefix

1.jpg

设置系统变量NODE_PATH,设置 d:\TFAPI\nodejs\node_prefix

2.jpg

设置环境变量后,需要重启windows才能生效!

在Linux上

初始化

进入 /tongfu.net/env/nodejs/,输入命令

mkdir node_prefix
mkdir node_cache
./bin/npm config set prefix "/tongfu.net/env/nodejs/node_prefix/"
./bin/npm config set cache "/tongfu.net/env/nodejs/node_cache/"

安装Webpack

在Windows上

打开MS-DOS,输入命令

d:\TFAPI\nodejs>npm install webpack -g

d:\TFAPI\nodejs>npm install webpack-cli -g

在Linux上

打开终端,输入命令

npm install webpack -g
ln -s /tongfu.net/env/nodejs/node_prefix/bin/webpack /usr/bin/
npm install webpack-cli -g
ln -s /tongfu.net/env/nodejs/node_prefix/bin/webpack-cli /usr/bin/

验证Webpack

在Windows上

打开MS-DOC,cd到nodejs的安装目录,输入命令

首次运行命令会建议安装 CLI for webpack,选择 yes 即可

d:\TFAPI\nodejs>node_prefix\webpack -v
4.43.0

d:\TFAPI\nodejs>node_prefix\webpack-cli -v
3.3.11

在Linux上

进入 /tongfu.net/env/nodejs/,输入命令
首次运行命令会建议安装 CLI for webpack,选择 yes 即可

[root@tongfunet nodejs]# ./node_prefix/bin/webpack -v
4.43.0
[root@tongfunet nodejs]# ./node_prefix/bin/webpack-cli -v
3.3.11