深圳南山网站建设台州自助建站

记录：374

场景：在CentOS 7.9操作系统上，安装node-v14.17.3-linux-x64环境。包括node-v14.17.3和npm-6.14.13。node命令应用和npm命令应用。

版本：

JDK 1.8
node v14.17.3
npm 6.14.13

官网地址：https://nodejs.org/

下载地址：https://nodejs.org/dist

npm官网：https://www.npmjs.com/

1.下载地址

地址：https://nodejs.org/dist/v14.17.3/node-v14.17.3-linux-x64.tar.gz

2.下载包

命令：wget https://nodejs.org/dist/v14.17.3/node-v14.17.3-linux-x64.tar.gz

解析：下载包名称node-v14.17.3-linux-x64.tar.gz。

3.解压包

3.1解压

解压命令：tar -zxvf node-v14.17.3-linux-x64.tar.gz -C /usr/local/

解析：解压到指定目录，目录全名：/usr/local/node-v14.17.3-linux-x64。

3.2重命名

命令：mv /usr/local/node-v14.17.3-linux-x64 /usr/local/nodejs

解析：nodejs相关包就安装到了/usr/local/nodejs下。

4.配置node、npm命令全局可用

配置node、npm命令全局可用，就是在任意路径可用使用命令，没配置的话，就只能在/usr/local/nodejs/bin安装目录下使用命令。

常用两种方式选择一种即可。

4.1方式一

命令：ln -s /usr/local/nodejs/bin/node /usr/local/bin/node

命令：ln -s /usr/local/nodejs/bin/npm /usr/local/bin/npm

解析：把node和npm创建软链接到/usr/local/bin/目录下，系统在使用命令时，默认会到/usr/local/bin/读取命令。

4.2方式二

命令：ln -s /usr/local/nodejs/bin/node /usr/bin/node

命令：ln -s /usr/local/nodejs/bin/npm /usr/bin/npm

解析：把node和npm创建软链接到/usr/local/bin/目录下，系统在使用命令时，默认会到/usr/bin/读取命令。

5.确认命令可用

查看node版本：node -v

查看npm版本：npm -v

解析：node -v，输出版本号：v14.17.3。npm -v，输出版本号：6.14.13。

6.node命令

6.1帮助命令

命令：node --help

解析：可用查看node支持的命令清单。

6.2node执行js文件

创建文件：vi hello.js

编辑文件：

console.log('Hello,Js and nodejs.');
var date=new Date();
console.log('Today is '+date+'.');

执行js文件：node hello.js

查看结果：

Hello,Js and nodejs.
Today is Fri Feb 10 2023 19:38:39 GMT+0800 (China Standard Time).

7.npm命令

npm官网：https://www.npmjs.com/

在npm官网中，可以查看js库。

7.1帮助命令

命令：npm --help

解析：可用查看npm支持的命令清单。

7.2查看和设置镜像源

(1)npm get registry

命令：npm get registry

解析：查看当前使用的镜像源地址。

(2)npm config set registry

设置官网镜像源：npm config set registry https://registry.npmjs.org

设置淘宝镜像源：npm config set registry https://registry.npm.taobao.org

解析：设置镜像源。配置文件存储在/root/.npmrc中。

7.3搜索命令npm search

搜索包名：npm search vue

解析：搜索vue为关键字的包，一般这个命令指向https://www.npmjs.com/，当配置为https://registry.npm.taobao.org，使用命令报错。

7.4在前端工程目录下使用命令

以下命令一般在前端工程目录下使用，本例工程：/home/apps/web-ui。

工程目录：cd /home/apps/web-ui

7.4.1安装包npm install

(1)npm install

命令：npm install

解析：安装工程所需全部依赖包。依赖包会下载到当前文件夹下的node_modules文件夹下。

(2)npm install -S

命令：npm install axios -S

解析：依赖包安装到dependencies，项目打包时会用到的依赖包。

(3)npm install -D

命令：npm install axios -D

解析：依赖包安装到devDependencies，依赖只会在开发阶段用到，在生产阶段不会用到。

(4)npm install指定版本

命令：npm install jquery@3.6.0 -S

解析：安装指定版本。

(5)npm install -g

命令：npm install -g cnpm --registry=https://registry.npm.taobao.org

解析：全局安装。

7.4.2启动运行npm run

(1)npm run dev

命令：npm run dev

解析：启动前端应用。

(2)npm run serve

命令：npm run serve

解析：启动前端应用。

7.4.3构建打包npm run build

命令：npm run build:prod

解析：构建打包。

7.4.4查看包信息npm view

(1)npm view

命令：npm view

解析：查看工程信息。

(2)npm view 模块名称

命令：npm view vue

解析：查看下指定模块信息。

(3)npm view 模块名称 versions

命令：npm view vue versions

解析：查看模块的全量版本信息。

7.4.5 npm init

命令：npm init

解析：初始化。

7.4.6查看依赖关系和版本npm list

(1)npm list

命令：npm list

命令：npm ls

解析：查看当前工程下，所有模块的依赖关系和版本信息。

(2)npm list 模块名称

命令：npm list vue

解析：查看当前工程下，指定模块的依赖关系和版本信息。

7.5 npm repo 模块名称

命令：npm repo jquery

解析：查看模块的仓库地址。比如本例查出地址：https://github.com/jquery/jquery。

以上，感谢。

2023年2月10日