node入门及npm使用
# 1.安装nodejs
# 1.1 官网直接安装
- 所有nodejs历史版本列表
https:/zh-cn/download/releases/
1
选择稳定版本下载
傻瓜式 下一步 安装
检测是否安装成功 cmd 命令窗口
node -v #查看nodejs是否安装成功 且输出版本号1
# 1.2 通过NVM安装
可以任意切换nodejs的版本 nodejs版本管理工具安装
# 1.2.1 安装nvm
下载地址：https://github.com/coreybutler/nvm-windows/releases
// nvm 默认路径
C:\Users\admin\AppData\Roaming\nvm
//nodejs 默认路径
C:\Program Files\nodejs
1
2
3
4
2
3
4
# 1.2.2 安装nodejs
nvm install 12.20.0 #安装nodejs
nvm use 12.20.0 #切换到安装的nodejs版本
nvm uninstall 12.20.0 #卸载版本
nvm list #查看所有已经下载的node版本
1
2
3
4
2
3
4
# 2. dos命令
盘符： #切换盘符
dir #查看当前目录下的所有子目录及文件
cd 目录路径 #进入某个目录
cls # 清屏
ctrl+c # 中断当前运行中的程序
1
2
3
4
5
2
3
4
5
# 3. node 运行js代码及文件
# 3.1 node运行js代码
- 首先在cmd窗口中输入： node
- 写js代码 （浏览器的控制台）
- js代码不支持 BOM 以及DOM 相关的操作
# 3.2 node 运行js文件
node 文件路径 # 文件路径：可以是绝对路径/相对路径 文件名称可以简写省略后面的 .js
1
# 4. node 模块
模块：一个单独css文件或者单独js文件 模块与模块之前可以进行导出与引入
# 4.1 css模块引入
引入语句需要放到 引入文件的最前面
如果出现重复样式 引入文件生效，被引入的文件中的样式被覆盖
/*引入b.css*/ @import url('./b.css'); # @import url('css文件路径') p{ font-size: 24px; }1
2
3
4
5
# 4.2 js模块导入导出
//js文件的导出 a.js
module.exports = {
str,
user
};
1
2
3
4
5
2
3
4
5
//引入已经导出的js文件 相对路径引入
const a = require('./a.js')
//直接引入三方插件包
const jquery = require('jquery')
1
2
3
4
5
2
3
4
5
# 5.在vscode 编辑器中运行js文件
- 在插件中心下载：code runer
- 找到需要运行的js文件---鼠标右键--- run code
# 6.npm
nodejs安装完成之后自带npm工具
下载第三方js插件 （下载三方的包）
不同的nodejs版本对应不同的npm版本
# 设置镜像源为国内淘宝镜像源
npm config set registry https://registry.npm.taobao.org #设置淘宝镜像源 npm config get registry1
2
# 6.1 npm命令
npm init #初始化package.json 文件
npm install 模块名 #下载某个模块
npm install 模块名@版本号 #下载指定版本号的某个模块
npm install 模块名 -D # 下载只在开发环境中使用的模块
npm install 模块名 -g # 下载全局都能够使用的模块 C盘 --global
npm install # 下载package.json文件中的所有需要的模块
npm uninstall 模块名 #删除指定模块的引入
1
2
3
4
5
6
7
2
3
4
5
6
7
# 6.1.1 npm init
{
"name": "npm-demo", #包名称
"version": "1.0.0", #版本号
"description": "", #包描述
"main": "index.js", #入口文件
"scripts": { #启动命令
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "cometang", #作者
"license": "MIT" #开源协议
}
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
- node_modules 目录 存放的是：引入三方的模块或包
# 6.1.2 npm install 引入三方模块包 依赖
- npm install jquery
- npm install jquery@3.0.0
- npm install webpack -D
- npm install webpack -g
{
"name": "npm-demo",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "cometang",
"license": "MIT",
"dependencies": { #线上生产环境依赖/包
"jquery": "^3.0.0",
"swiper": "^6.5.4"
},
"devDependencies": { #本地开发环境依赖/包
"webpack": "^5.30.0"
}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
# 7.yarn
yran:三方依赖/包引入工具 ，是npm的替代品
npm install yarn -g #全局安装yarn
1
# 7.1yarn常用命令
yarn init #初始化package.json 文件
yarn add 模块名 #下载某个模块
yarn add 模块名@版本号 #下载指定版本号的某个模块
yarn add 模块名 -D # 下载只在开发环境中使用的模块
yarn add global 模块名 # 下载全局都能够使用的模块 C盘 --global
yarn add # 下载package.json文件中的所有需要的模块
yarn remove 模块名 #删除指定模块的引入
1
2
3
4
5
6
7
2
3
4
5
6
7
# 7.2 yarn 设置国内镜像
yarn config set registry https://registry.npm.taobao.org #设置淘宝镜像源
yarn config get registry
1
2
2
编辑 (opens new window)
上次更新: 2022/05/28, 19:34:46