近期在研究数据可视化D3框架,决定在windows下搭建一个nodejs及npm的工作环境,在网上查了n篇文章,别管是编译源代码安装也好。还是使用node.msi格式安装包也好,总是有问题。终于,功夫不负有心人,还是搭建完毕了。

作为新手,事实上我也不知道这样搭建对不正确。可是执行'npm install'反正不出错了。

以下就把我的一些搭建过程说一下:

  1. 下载node.js。在http://nodejs.org/download/下载最新版的node.exe文件,我下载时是v0.10.33。

    下载完毕后。在F盘新建nodejs目录,将node.exe放到该目录下。同一时候将F:\nodejs加入到环境变量的PATH中。

    2.下载npm。在http://nodejs.org/dist/npm/下载最新版的npm。我下载时的版本号是npm-1.4.9.zip。下载完毕后,解压到nodejs文件夹中。形成了例如以下文件夹。同一时候加入环境变量NODE_PATH,其值为:F:\nodejs\node_modules

  2. 測试是否成功安装,在命令行中。分别输入node -v、npm
    -v
    。看是否输出两者的版本,假设输出。则表时输出成功
  3. 因为XXX原因,使用时会常常遇到下载包下载不下来的情况。所以最好设置npm国内镜像,命令例如以下:

    npm config set registry http://registry.npmjs.vitecho.com

    4. 測试一下。新建一文件夹,在该文件夹下新建一文件package.json,内容例如以下:

    {
    "name": "d3-project-template-with-grunt",
    "version": "0.0.1",
    "description": "Ready to go d3 data visualization project template with grunt",
    "keywords": [
    "data visualization",
    "d3"
    ],
    "homepage": "<project home page>",
    "author": {
    "name": "<your name>",
    "url": "<your url>"
    },
    "repository": {
    "type": "git",
    "url": "<source repo url>"
    },
    "dependencies": {
    "d3": "3.x"
    },
    "devDependencies": {
    "grunt": "~0.4.1",
    "grunt-contrib": "~0.4.0",
    "grunt-contrib-uglify": "~0.2.2",
    "grunt-contrib-concat": "~0.3.0",
    "grunt-contrib-sass": "~0.4.1",
    "grunt-contrib-jasmine": "~0.5.1",
    "grunt-contrib-jshint": "~0.4.0",
    "grunt-template-jasmine-istanbul": "~0.2.5"
     
    },
    "scripts": {
    "test": "grunt jasmine"
    }
    }

5. 在命令行切换到该文件夹下,执行npm install。假设会报错。且自己主动创建了node_modules文件夹和npm-debug.log文件。并下载了一堆文件,则证明使用全然没有问题。

windows下搭建node.js及npm的工作环境的更多相关文章

  1. 基于windows下,node.js之npm

    1.下载node.js一路安装下去 在开始 node文件夹下,打开cmd 2.创建一个开发目录 mkdir reactQa && cd reactQa 3.初始化一个nmp的开发环境 ...

  2. windows下的node.js和npm的安装步骤详解

    一.使用之前,我们先来掌握3个东西是用来干什么的. npm: Nodejs下的包管理器. webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资 ...

  3. Windows 下安装 Node.js

    搭建博客系列的 Node.js 环境安装.Windows 下面安装可以通过图形化界面进行安装,非常方面. 1.打开 Node.js 官网,下载对应版本的安装包(msi 后缀的) 2.双击运行下载的程序 ...

  4. windows下安装node.js及环境配置、部署项目

    windows下安装node.js及环境配置.部署项目 一.总结 一句话总结: 安装nodejs软件:就像普普通通的的软件那样安装 配置nodejs安装的全局模块的环境变量 并且安装cnpm(比如cn ...

  5. [转]Windows下配置Node.js和Cordova

    本文转自:https://blog.csdn.net/weixin_37730482/article/details/74388056?locationNum=3&fps=1 本文讲解在win ...

  6. Ubuntu 14.04下搭建Node.js的开发环境

    最近想找一个轻量级且支持快速开发的服务开发平台,选来选去选择了Node.js,当时有几种选择: Python + Django(用过Django,虽然开发快速,但是感觉性能并不太好). Ruby + ...

  7. angular2.0学习笔记1.开发环境搭建 (node.js和npm的安装)

    开发环境, 1.安装Node.js®和npm, node 6.9.x 和 npm 3.x.x 以上的版本. 更老的版本可能会出现错误,更新的版本则没问题. 控制台窗口中运行命令 node -v 和 n ...

  8. 在Windows下开发Node.js的C/C++原生扩展

    准备工作 (1)本机系统说明:本人机器为win7 64位,32位也可以. (2)软件安装: VISUAL C++ 2010 EXPRESS(Visual Studio 2010也可以): window ...

  9. 在腾讯云(windows)上搭建node.js服务器

    1:安装Node.js 使用MSI文件,并按照提示安装node.js,默认情况下,安装程序将 Node.js 发行到 C:\Program Files\nodejs. 但这里我们需要修改安装路径到:D ...

随机推荐

  1. 2016年会成为Java EE微服务年吗?

    原文  http://www.infoq.com/cn/news/2016/02/javaee-microservices 进入2016年时间还不是很长,让我们回顾下去年年底的一个预言.去年12月,来 ...

  2. Java+7入门经典 -1 简介

    第一章 Java简介 1.1 Java概览 applet程序可嵌入网页; Java会通过隐式检测禁止Java applet的恶意代码; Java Server Pages-JSP 创建服务器应用程序, ...

  3. 使用链表实现队列------《数据结构与算法分析-C语言描述》

    经过ubuntu的gcc验证 一.头文件 que_link.h #ifndef _QUE_LINK_H_ #define _QUE_LINK_H_ struct que_record; typedef ...

  4. asp.net导出Excel类库

    using System; using System.Collections.Generic; using System.Reflection; using System.Web; using Exc ...

  5. Linux中TCP wrapper的使用

    Linux中TCP wrapper的使用 tcpwrapper的目的是对那些访问控制功能较弱的服务提供访问控制功能要想了解访问控制就必须先知道服务监听的概念: 服务监听的两种方式: listen    ...

  6. 基于visual Studio2013解决面试题之1009兄弟字符串

     题目

  7. 基于visual Studio2013解决C语言竞赛题之1039移动

          题目 解决代码及点评 /* 39. 有n个整数,编程序将前面的各个数依次向后移动k个位置, 最后k个数移到最前边的k个位置(见下图,其中n=8,k=3). */ # ...

  8. Twenty Newsgroups Classification任务之二seq2sparse

    seq2sparse对应于mahout中的org.apache.mahout.vectorizer.SparseVectorsFromSequenceFiles,从昨天跑的算法中的任务监控界面可以看到 ...

  9. Swift - 给图片添加图片水印(图片上绘制另一张图,并可设透明度)

    我前面写了篇文章讲解如何给图片添加文字水印,而如果想要添加图片类型的水印也很简单,只要把原来代码里添加文字的部分改成图片即可. 1,效果图如下: (在图片左上角添加了一个半透明的logo图片) 2,为 ...

  10. Swift - 判端网络连接状态,连接类型(3G还是Wifi)

    IJReachability是一个使用Swift写的第三方网络检测类.可以测试网络是否连接,并支持3G和Wifi的检测. 使用样例: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 ...