status:new¶
JavaScript¶
约 464 个字 39 行代码 预计阅读时间 2 分钟
基础简介 ¶
- JavaScript:一种脚本语言,最初用于网页交互,现在可运行在前端和后端。
- Node.js:基于 V8 引擎的 JavaScript 运行时,让 JS 能在服务器和本地运行。
- npm:Node.js 自带的包管理器,用来安装和管理依赖
。 (Node Package Manager) - yarn/pnpm:npm 的替代包管理器,提供更快或更高效的依赖管理方式。
- nvm:Node.js 版本管理工具,允许在同一台机器上切换不同的 Node.js 版本
。 (Node version manager) - Corepack:Node.js 自带的包管理代理,用于统一和固定 npm/yarn/pnpm 版本。
graph TD
A["JavaScript 一种脚本语言"] --> B["Node.js JS运行时 (V8)"]
B --> C["npm —— 默认包管理器"]
B --> D["yarn / pnpm 替代包管理器"]
B --> E["nvm —— Node版本管理"]
C --> F["Corepack —— 包管理代理"]
D --> F
Nodejs¶
一个 JavaScript 运行时环境,基于 Chrome V8 引擎。
让你可以在浏览器外(如服务器端)运行 JavaScript。
作用类似于:
- Python 的解释器 python
- Java 的虚拟机 java
没有 Node.js,就不能直接在命令行运行 .js 程序。
安装 ¶
使用这个网站上面的安装的指令
windows 安装 npm 教程 _npm 安装 -CSDN 博客
Node.js — Run JavaScript Everywhere
安装以后可以把 nodejs 的本地仓库从 c 盘移出来
npm config set prefix "<path>\nodejs\node_global"
npm config set cache "<path>\nodejs\node_cache"
卸载 ¶
sudo npm uninstall npm -g
cd /usr/local/lib/node_modules/
rm -rf npm
sudo apt-get remove nodejs
sudo apt-get remove npm
sudo apt-get remove node
node -v
npm -v
NPM - 包管理器 ¶
npm (Node Package Manager)
Node.js 自带的包管理工具。用来下载、安装和管理 JavaScript 库 / 框架。
类似于:
- Python 的 pip
- Java 的 maven/gradle
检查版本
node -v # 查看 Node.js 版本
npm -v # 查看 npm 版本
初始化项目
npm init
它会一步一步问你项目名、版本号、作者等。 如果只想快速生成默认配置:
npm init -y
会生成一个 package.json
文件,记录项目信息和依赖。
增 ¶
npm install 包名
npm i 包名
会把包写进 node_modules/
,同时在 package.json
的 dependencies
里记录。
全局安装
npm install -g 包名
只在开发环境需要
npm install 包名 --save-dev
缩写:
npm i 包名 -D
写入 devDependencies
,比如测试框架 jest、打包工具 webpack。
删 ¶
npm uninstall 包名
缩写:
npm un 包名
查 ¶
查看已安装的依赖
npm list
更新依赖
npm update 包名
清除缓存
npm cache clean --force
升级 npm
npm install -g npm
NVM¶
nvm-sh/nvm: Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions
wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.2/install.sh | bash
export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" --no-use # This loads nvm, without auto-using the default version
验证
nvm -vx
下载 ¶
使用 NVM 进行管理
nvm install stable
更换版本 ¶
nvm install 22
nvm use 22
Vue¶
cmd 验证安装
npm -v
npm info vue
配置镜像站点
npm config set registry=http://registry.npm.taobao.org
npm install vue -g
npm install vue-router -g
创建 vue 工程
vue init webpack vue01
cd vue01
npm install
npm run dev
npm run build
成功界面,提示打开地址 http://localhost:8080