当前位置:网站首页 > Node.js开发 > 正文

nvm安装node后npm(npm安装nodemodules)



1、官网下载node.js

https://nodejs.org/en/

安装nodemodules命令 怎么安装node modules_vue

2、双击文件,进行安装 ,除了可以更换一下安装目录,基本上一路next:

  • 在这里可以更换一下目录,比如此处我安装在
  • 安装nodemodules命令 怎么安装node modules_安装nodemodules命令_02

  • 红框处默认安装npm,我们这里什么都不动,直接点next
  • 安装nodemodules命令 怎么安装node modules_nodejs_03

3、(可选)安装程序完成后,检查

  • 打开刚才设置的安装目录 ,可以看到目录结构
  • cmd查看环境变量
    在结果里可以找到
    或者说出现 nodenpm 即可




  • cmd查看Node.js版本号 node.js为最新稳定版本
  • cmd查看自带安装的 npm版本号 自带的npm并非最新版本

4、设置环境
(1) 设置全局目录,设置到安装目录下

(2) 设置缓存目录,设置到安装目录下

(系统盘c盘的用户目录的node_global的文件夹可以删除,留着也没影响)

  • (可选)可以使用 查看全局目录(node_global)中的模块,此时未安装任何模块,查看为空

安装nodemodules命令 怎么安装node modules_nodejs_04

(4) 配置镜像源,加速以后的模块下载

  • (可选)检查配置信息
    ①配置信息

安装nodemodules命令 怎么安装node modules_vue_05

或者打开C:Usersstablemesotheca.npmrc这个配置文件,可以看到刚才的配置信息

②检查镜像站是否正常

安装nodemodules命令 怎么安装node modules_vue_06

③检查能否通过镜像站获得模块(比如vue)信息

安装nodemodules命令 怎么安装node modules_npm_07

5、更新npm模块

  • 安装/更新模块命令

更新npm

安装nodemodules命令 怎么安装node modules_nodejs_08

(安装完后再次执行 可以看到刚安装的npm模块)

安装vue.js

安装nodemodules命令 怎么安装node modules_安装nodemodules命令_09

  • 查看vue版本号,确认安装配置成功 p.s. v要为大写,否则报错

安装vue-router

安装vue脚手架

安装nodemodules命令 怎么安装node modules_node.js_10

安装nodemodules命令 怎么安装node modules_vue_11

安装nodemodules命令 怎么安装node modules_nodejs_12

安装nodemodules命令 怎么安装node modules_node.js_13

进入项目目录——myvue,使用安装依赖

安装nodemodules命令 怎么安装node modules_安装nodemodules命令_14

运行项目

安装nodemodules命令 怎么安装node modules_nodejs_15

安装nodemodules命令 怎么安装node modules_安装nodemodules命令_16

  • 如果要打包部署,ctrl+c停止后执行命令可以生成静态文件,部署得到的dist文件夹即可。
    【dist : distribution(最终发布产品)】

  • 使用工具打开项目,也可以在控制台这里输入命令
  • 项目结构说明

安装nodemodules命令 怎么安装node modules_nodejs_17

build 可以配置loading动画/删除创建目标文件夹/webpack编译;输出信息/配置静态资源路径/配置webpack等;
package.json 配置名称/版本/许可证等元数据;可以配置依赖模块(dependencies);可以指定运行脚本命令的npm命令行缩写(scripts字段)
static存放mock数据,其他类型如json/xml的文件;
src</>目录存放源代码:



安装nodemodules命令 怎么安装node modules_npm_18





进入项目文件夹,安装axios和elementUI

格式化时间日期的moment.js

到此这篇nvm安装node后npm(npm安装nodemodules)的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!


版权声明


相关文章:

  • nvm安装node后不能用(node安装完node –v报错)2025-08-30 17:36:07
  • node版本管理神器(node 包管理)2025-08-30 17:36:07
  • node多版本管理(node版本管理工具nvm)2025-08-30 17:36:07
  • npm安装node.js(npm安装nodemon命令)2025-08-30 17:36:07
  • 安装node.js命令(node.js安装配置)2025-08-30 17:36:07
  • node.js安装失败2503(安装node js)2025-08-30 17:36:07
  • nodejs怎么升级(nodejs如何升级)2025-08-30 17:36:07
  • 安装 node(安装node报错)2025-08-30 17:36:07
  • node 版本(怎么看node版本)2025-08-30 17:36:07
  • 安装node.js配置淘宝镜像不显示(nodejs 淘宝镜像)2025-08-30 17:36:07
  • 全屏图片