nodejs和npm安装与配置

sybkl / 2024-07-08 / 原文

nodejs官网:http://nodejs.cn/

百度网盘下载链接:https://pan.baidu.com/s/1RfjeN1bt-I-tf351xi8cgw
提取码:sybk

下载官网的稳定版msi安装包

nodejs默认安装配置了npm

进入cmd命令行(以管理员身份打开)

node -v			
npm -v         

查看版本,检查安装

设置npm淘宝镜像

npm config set registry https://registry.npmmirror.com

华为云镜像

npm config set registry https://repo.huaweicloud.com/repository/npm/
npm cache clean -f

npm config set disturl https://repo.huaweicloud.com/nodejs
npm config set sass_binary_site https://repo.huaweicloud.com/node-sass

修改全局依赖包下载路径,缓存路径

根据自己准备的空目录进行设置

npm config set prefix “D:\opt\env\nodejs\node_global”
npm config set cache "D:\opt\env\nodejs\node_cache"

更改或追加.npmrc (npm的配置文件,该文件可查看配置的镜像仓库和修改的配置路径)

该配置文件在C:\User\用户名\        该目录下

repository = 
prefix =
cache = 

查看是否安装成功

npm list -g 

测试

npm install express -g
   !!!!!!!!!!!!!!!!! 如果报错记得以管理员身份运行!!!!!!!!!!!!!!!!

再次输入npm list -g

全局依赖包中出现新的文件夹node_module以及其下的express

修改环境变量

将E:\Software\nodejs\node_global\npm_modules

路径加入到PATH

补充:

创建vue项目

1.全局安装@vue/cli

npm install -g @vue/cli


vue --version        查看版本号,如果输出版本号则说明安装node环境成功

2.创建项目

首先以管理员身份打开命令行界面,进入到你想要创建项目的文件夹
vue create test_vue         (vue create 项目名)


进行选项配置(空格键选中配置.回车键下一项)
1,Manually select features
2.Babel
  Router
  Vuex        选中后下 回车下一项
3.选择vue版本,2.x或3.x  
4.Use history mode for router ?   yes     
    是否选择历史模式?
5.Save this as a preset for future projects?    no  
    是否要保存为这个项目作为一个模板保存?
5.配置文件选择package.json

vue3.x支持命令行命令进入WebGUI界面

vue ui 

npm升级

npm install -g npm 

npm cache clean -f 

npm  -v 

node升级

windows下node版本升级(使用nvmw)

npm install -g nvmw
nvmw -V
npm install v版本号		(指定版本号)
nvmw ls						(查看node版本)

nvmw use v16.19.1			(临时使用该版本,终端退出即失效)
nvmw switch v16.19.1		(永久使用该版本,终端退出即生效)

创建vite项目

npm init vite@latest vite_