详解Windows下安装Nodejs步骤

最近打算把我们的微信端用Vue.js重构,为什么选择Vue.js,一是之前使用的是传统的asp.net mvc,多页面应用用户体验比单页面要差。二是使用过Angular.js,感觉对开发人员要求较高,上手难度较大,而Vue.js在这方面有优势 。这里记录下Vue.js开发环境 Nodejs在Windows下的安装和配置。

创新互联长期为近1000家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为阳春企业提供专业的网站建设、成都网站建设阳春网站改版等技术服务。拥有10多年丰富建站经验和众多成功案例,为您定制开发。

第一步:下载 https://nodejs.org/en/ 笔者目前使用V6.10版本(node的偶数版本是稳定版本(长期支持版),奇数版本可以是开发版本,主要用于集成新功能,进行一些修改。)

详解Windows下安装Nodejs步骤

第二步:安装Node.js,注意选择安装位置,建议安装到C:\nodejs,一路Next直到完成。

详解Windows下安装Nodejs步骤

第三步:配置npm全局目录。npm是nodejs包管理工具,类似visual studio的Nuget,该版本nodejs已经集成npm打包工具,不需要额外安装。。如果你想使用默认目录,可跳过此步骤。一般建议将目录配置在安装目录下。在安装目录新建 node_cache,node_global两个文件夹,进入Node.js command prompt命令行,笔者安装目录在C:\nodejs,输入以下命令配置

npm config set prefix C:\nodejs\node_global

npm config set cache C:\nodejs\node_cache

详解Windows下安装Nodejs步骤

第四步:配置环境变量。“我的电脑”右键“属性”-“高级系统设置”-“高级”-“环境变量”。如下图

详解Windows下安装Nodejs步骤

进入环境变量对话框,

1:在系统变量下新建"NODE_PATH",输入”C:\nodejs\node_global\node_modules“。(ps:这一步相当关键。)

2:用户变量跟nodejs相关的"PATH"修改为“C:\nodejs\node_global\” (由于改变了module的默认地址,所以上面的用户变量都要跟着改变一下,要不使用module的时候会导致输入命令出现“xxx不是内部或外部命令,也不是可运行的程序或批处理文件”这个错误)

如我的PATH配置原有的为C:\Users\Ling\.dnx\bin;C:\Users\Ling\AppData\Roaming\npm\node_modules,因为更换了目录,修改为C:\Users\Ling\.dnx\bin;C:\nodejs\node_global\ 注意其中的分号,windows下环境变量;号代表多个分隔,原有的不用管它,只要修改对应的即可。

3:测试配置是否正确。我们安装nodejs web应用开发框架 express进行配置测试 -g表示全局安装,安装完成后输入node进入node命令,输入require('express'),正确的话会列出express安装信息,出错一般是NODE_PATH安装不对。

详解Windows下安装Nodejs步骤

第五步:安装cnpm

1. 说明:因为npm安装插件是从国外服务器下载,受网络影响大,可能出现异常,如果npm的服务器在中国就好了,淘宝团队干了这事。来自官网:“这是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。”

2. 官网:http://npm.taobao.org

3. 安装:命令提示符执行 npm install cnpm -g --registry=https://registry.npm.taobao.org

4. 注意:安装完后最好查看其版本号cnpm -v或关闭命令提示符重新打开,安装完直接使用有可能会出现错误

至此,我们完成了Windows下Nodejs的安装。 

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持创新互联。


网页名称:详解Windows下安装Nodejs步骤
新闻来源:http://bzwzjz.com/article/pjspjo.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 响应式网站设计 成都网站制作 做网站设计 温江网站设计 成都做网站建设公司 成都网站设计 网站设计制作 成都网站制作 app网站建设 网站建设推广 成都网站设计 网站建设 泸州网站建设 成都网站设计 成都网站建设公司 成都网站设计 成都网站建设 网站制作公司 营销型网站建设 成都网站设计 成都网站设计 商城网站建设