记录: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/
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日