设为首页 收藏本站
查看: 624|回复: 0

[经验分享] 前端架构之路:Windows下安装Nodejs步骤

[复制链接]

尚未签到

发表于 2017-6-27 16:40:52 | 显示全部楼层 |阅读模式
  最近打算把我们的微信端用Vue.js重构,为什么选择Vue.js,一是之前使用的是传统的asp.net mvc,多页面应用用户体验比单页面要差。二是使用过Angular.js,感觉对开发人员要求较高,上手难度较大,而Vue.js在这方面有优势 。这里记录下Vue.js开发环境 Nodejs在Windows下的安装和配置。第一步:下载

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

  注意选择安装位置,建议安装到C:\nodejs,一路Next直到完成。
DSC0001.png 第三步:配置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
DSC0002.png
第四步:配置环境变量

  “我的电脑”右键“属性”-“高级系统设置”-“高级”-“环境变量”。如下图
DSC0003.png
  进入环境变量对话框,
  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安装不对。

DSC0004.png 第五步:安装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的安装。

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表,该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有,请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意,请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息,一经发现立即删除。若您因此触犯法律,一切后果自负,我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责,亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏,不得用于商业或者其他用途,否则,一切后果均由您自己承担,我们对此不承担任何法律责任
7、如涉及侵犯版权等问题,请您及时通知我们,我们将立即采取措施予以解决
8、联系人Email:admin@iyunv.com 网址:www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址:https://www.yunweiku.com/thread-388834-1-1.html 上篇帖子: Windows下安装scikit-learn 下篇帖子: 在2017年,如何将你的小米4刷上Windows 10 mobile?(后附大量图赏)
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

扫码加入运维网微信交流群X

扫码加入运维网微信交流群

扫描二维码加入运维网微信交流群,最新一手资源尽在官方微信交流群!快快加入我们吧...

扫描微信二维码查看详情

客服E-mail:kefu@iyunv.com 客服QQ:1061981298


QQ群⑦:运维网交流群⑦ QQ群⑧:运维网交流群⑧ k8s群:运维网kubernetes交流群


提醒:禁止发布任何违反国家法律、法规的言论与图片等内容;本站内容均来自个人观点与网络等信息,非本站认同之观点.


本站大部分资源是网友从网上搜集分享而来,其版权均归原作者及其网站所有,我们尊重他人的合法权益,如有内容侵犯您的合法权益,请及时与我们联系进行核实删除!



合作伙伴: 青云cloud

快速回复 返回顶部 返回列表