windows安装npm教程(nodejs)

发布时间 2023-04-03 18:33:33作者: xyz叶子

 

1、在使用之前,先类掌握3个东西,明白它们是用来干什么的:

npm:  nodejs 下的包管理器。

webpack: 它主要用途是通过CommonJS 的语法把所有浏览器端需要发布的静态资源作相应的准备,比如资源的合并和打包。

vue-cli: 用户生成Vue工程模板。(帮你快速开始一个vue的项目,也就是给你一套vue的结构,包含基础的依赖库,只需要npm install 就可以安装。

 

2、nodejs下载网址:Node.js     【如果嫌下载的慢,可以下载其他网站上的,别人有现成的,下载的比较快】

https://nodejs.org/en/

 

 

 

 安装完毕 cmd 中查看是否全局

 

 

 

 

 

先如下图建立2个目录

 

 

然后运行以下2条命令

npm config set prefix "F:\nodejs\node_global"
npm config set cache "F:\nodejs\node_cache"

输入命令npm list -global

 

npm config set registry=http://registry.npm.taobao.org

 

 

 

 

npm config get registry

 

 

如果直接运行npm install等命令会报错的。

我们需要做1件事情:

1、增加环境变量NODE_PATH 内容是:D:\nodejs\node_global\node_modules

 

 

一、测试NPM安装vue.js

命令:npm install vue -g

这里的-g是指安装到global全局目录去

 

 

二、测试NPM安装vue-router

命令:npm install vue-router -g

 

 

运行npm install vue-cli -g安装vue脚手架

 

编辑环境编辑path

 

 

 

vue init webpack vue01

 

 

 

 

 

 

 

初始化,安装依赖

 

运行npm install安装依赖

npm run dev

 

打开本地连接

 

 

npm run build