node.js安装和配置环境以及部署项目的方法介绍（windows系统下）
一、操作步骤
①下载node.js
②安装配置环境变量
③部署项目启动访问
【视频教程推荐：nodejs视频教程 】
二、详细步骤
1、选择对应系统下载：https://nodejs.org/en/download/
2、双击安装
3、安装好了cmd
node -v 显示Node.js的版本说明已经安装成功 npm -v 自带的npm已经安装成功
安装好如图所示：
此处说明下：新版的Node.js已自带npm，安装Node.js时会一起安装，npm的作用就是对Node.js依赖的包进行管理，也可以理解为用来安装/卸载Node.js需要装的东西。
4、环境变量配置
说明：这里的环境配置主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径，之所以要配置，是因为以后在执行类似：npm install express [-g] （后面的可选参数-g，g代表global全局安装的意思）的安装语句时，会将安装的模块安装到【C:Users用户名AppDataRoamingnpm】路径中，占C盘空间。
例如：我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中，则在我安装的文件夹【D:Developnodejs】下创建两个文件夹【node_global】及【node_cache】如下图：
创建完两个空文件夹之后，打开cmd命令窗口，输入
npm config set prefix "D:Developnodejsnode_global" npm config set cache "D:Developnodejsnode_cache"
接下来设置环境变量，关闭cmd窗口，“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”
5、测试
配置完后，安装个module测试下，我们就安装最常用的express模块，打开cmd窗口，
输入如下命令进行模块的全局安装：
npm install express -g # -g是全局安装的意思
安装完可以看到express版本
6、安装cnpm 下载国内资源
npm install -g cnpm --registry=https://registry.npm.taobao.org
输入cnpm -v输入是否正常
cnpm -v
如果有错
添加系统变量path的内容
因为cnpm会被安装到D:Program Filesnodejsnode_global下，而系统变量path并未包含该路径。在系统变量path下添加该路径即可正常使用cnpm。
7、部署项目
cnpm install
8、启动项目
npm run dev
启动成功
访问项目
至此，windows下安装node.js、配置环境变量、部署项目就结束了，有问题留言评论会第一时间回复。
更多编程相关知识，可访问：编程入门！！
本文由 @安辰[Vip] 发布于 职涯宝 ，未经作者许可，禁止转载，欢迎您分享文章
微信扫一扫
支付宝扫一扫
![安辰[Vip]](http://zhiya360.com/wp-content/uploads/2020/07/xinzhiya2.png){kind=avatar}
相关推荐
-
jQuery实现div显示、隐藏和文字填充
使用原生JavaScript编程时候，我们发现其存在了不少的缺点：比如获取元素不方便，有时候还需要进行遍历，遍历里面还可能存在嵌套，导致代码较为繁琐，并且容差性差。今天就带领大家用…
-
ajax如何实现excel报表导出
【相关文章推荐：ajax视频教程】 利用ajax实现excel报表导出【解决乱码问题】，供大家参考，具体内容如下 背景 项目中遇到一个场景，要导出一个excel报表。由于需要tok…
-
解决包管理工具 NPM 和 yarn 下载安装超时的方法
npm 设置淘宝镜像地址 npm install -g cnpm –registry=https://registry.npm.taobao.org npm config set…
-
axios实现跨域分别是哪三种方法
axios实现跨域的三种方法：1、在【mian.js】中引用axios，代码为【Vue.prototype.$axios = axios】；2、在页面中引用axios，代码为【th…
-
js如何获取UEditor富文本编辑器中的图片地址
【相关学习推荐：javascript视频教程】 写之前在网上找了很多方法，最简单的思路应该是1.获取UEditor中的内容；2.将获取到的字符串转换成jquery对象；3.选择器找…
-
基于jQuery实现雪花飘落效果
本文实例为大家分享了jQuery实现雪花飘落效果的具体代码，供大家参考，具体内容如下 效果展示： 源码展示： jquery实现雪花飘落 * { margin:0px; paddin…
-
讨论react axios 跨域访问一个或多个域名问题
【相关文章推荐：ajax视频教程】 1.react + axios 跨域访问一个域名 配置非常简单，只需要在当前的 package.json 文件里面配置： “prox…
-
JavaScript实现电池状态的方法
【相关图文推荐：js教程（图文）】 从Mozilla Aurora 11起，火狐浏览器里实现了一些新功能，其中一个就是对电池状态接口的基本实现。这个很简单的接口能提供你关于电池当前…
-
详解Node.js Buffer的使用
JavaScript 起初为浏览器而设计，没有读取或操作二进制数据流的机制。Buffer类的引入，则让NodeJS拥有操作文件流或网络二进制流的能力。【视频教程推荐：nodejs视…
-
一张图教你快速玩转vue-cli3
前言 本文系统的梳理了vue-cli3搭建项目的常见用法，目的在于让你快速掌握独立搭建vue项目的能力。你将会了解如下知识点： 如何安装项目插件 添加浏览器支持 如何配置scss/…
-
谈谈Node.js热更新的配置和vscode断点调试
本篇文章给大家介绍一下Node.js的热更新配置和vscode断点调试。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。 前言 我从今年5月份开始使用express…
-
如何安全的运行第三方javascript代码
最近，我们团队完成了Figma的插件API的开发工作，这样第三方开发人员就可以直接在基于浏览器的设计工具中运行代码了。这给第三方开发人员带来便利的同时，也给我们带来了许多严峻的挑战…
-
2020年前端React面试题大汇总（收藏）
JavaScript 工具缓慢而稳定地在市场中扎根，对 React 的需求呈指数级增长。选择合适的技术来开发应用或网站变得越来越有挑战性。其中 React 被认为是增长最快的 Ja…
-
javascript向PHP传递中文乱码怎么办
javascript向PHP传递中文乱码的解决方法：首先在javascript代码中用【encodeURIComponent()】函数处理中文字符串；然后保证JavaScript和…
-
学习ajax实现提交时校验表单方法
【相关文章推荐：ajax视频教程】 本文实例为大家分享了ajax提交时校验表单的方法，供大家参考，具体内容如下 方法一： 代码示例： 巧妙设计之处：ajax提交的话，不能够进行校验…
-
Vue 3 最值得期待的五项重大更新
Vue 团队非常擅长改进框架 API。Evan You 总结了 Vue 3 的几大改进目标： 速度更快。 体积更小。 更易维护。 以原生为目标更容易。 让生活更轻松。 看过 RFC…
-
vue+iview框架实现左侧动态菜单功能的示例
最近在使用vue-cli3配合iview框架搭建新的项目中用到了iview中的menu菜单，按照官网写法固定不太好，因为一般项目都是从后端动态获取菜单列表，所以我们需要将官网代码稍…
-
深入研究Node.js中的日志信息
当你开始用 JavaScript 进行开发时，可能学到的第一件事就是如何用 console.log 将内容记录到控制台。如果你去搜索如何调试 JavaScript，会发现数百篇博文…
-
js正则表达式之限1-2位整数或者至多含有两位小数的写法
【相关学习推荐：js视频教程】 测试代码 //1、只能输入数字或者小数点 仅整数,整数加小数 var reg1=/(^[0-9]{1,2}$)|(^[0-9]{1,2}[.]{1}…
