NodeJS环境配置
2021/12/5 20:48:30
本文主要是介绍NodeJS环境配置,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
一、什么是npm和cnpm
- npm(node package manager):nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等)
- cnpm:因为npm安装插件是从国外服务器下载,受网络的影响比较大,可能会出现异常,如果npm的服务器在中国就好了,所以我们乐于分享的淘宝团队干了这事。来自官网:“这是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。”
二.安装nodejs
- Node.js:http://nodejs.cn/download/
安装就是无脑的下一步就好,安装在自己的环境目录下 - Git:https://git-scm.com/doenloads
- 镜像:https://npm.taobao.org/mirrors/git-for-windows/
cmd下输入node -v,查看是否能够正确打印出版本号即可! cmd下输入npm -v,查看是否能够正确打印出版本号即可!
这个npm,就是一个软件包管理工具,就和linux下的apt软件安装差不多!
改变原有的环境变量
1、配置npm的全局模块的存放路径、cache的路径,例如 D:\work\node
在cmd中执行
npm config set prefix "D:\work\node\global" npm config set cache "D:\work\node\cache"
2.在环境变量中添加NODE_PATH,路径为D:\work\node\global\node_modules
3.在命令行输入以下命令安装express(注:“-g”表示安装到global目录下,就是上面设置的global中)
npm install express -g
4、在命令行输入node进入编辑模式,输入以下代码检测是否能正常加载模块:
require('express')
三.安装cnpm
1、安装cnpm,输入以下命令:
npm install -g cnpm --registry=https://registry.npm.taobao.org
2、输入cnpm -v
,检测是否正常,但是这里会报错。
3、添加系统变量path的内容
因为cnpm会被安装到D:\work\node\global下,而系统变量path并未包含该路径。在系统变量path下添加该路径即可正常使用cnpm。
四.安装vue-cli
- 在cmd中安装
cnpm instal1 vue-cli -g #查看可以基于哪些模板创建vue应用程序,通常我们选择webpack
- 测试是否安装成功
安装完vue-cli后可以输入vue查看是否安装成功,vue list
是查看vue现有的组件,其中webpack是我们常用的搭建项目的组件。
这篇关于NodeJS环境配置的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-16Vue3资料:新手入门必读教程
- 2024-11-16Vue3资料:新手入门全面指南
- 2024-11-16Vue资料:新手入门完全指南
- 2024-11-16Vue项目实战:新手入门指南
- 2024-11-16React Hooks之useEffect案例详解
- 2024-11-16useRef案例详解:React中的useRef使用教程
- 2024-11-16React Hooks之useState案例详解
- 2024-11-16Vue入门指南:从零开始搭建第一个Vue项目
- 2024-11-16Vue3学习:新手入门教程与实践指南
- 2024-11-16Vue3学习:从入门到初级实战教程