近期在研究数据可视化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 -vnpm
    -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. &ldquo;前.NET Core时代&rdquo;如何实现跨平台代码重用 &mdash;&mdash;程序集重用

    除了在源代码层面实现共享("前.NET Core时代"如何实现跨平台代码重用 --源文件重用)之外,我们还可以跨平台共享同一个程序集,这种独立于具体平台的"中性" ...

  2. 谈谈javascript放在哪里更合适

    关于javascript放在哪里更合适 脚本位置:  例如以下代码: <html> <head> <title>Script Example</title&g ...

  3. Linux命令行–基本的bash shell命令

    启动shell: /etc/passwd:包含系统用户账户列表以及每个用户的基本配置信息 每个条目有七个字段,每个字段用冒号隔开 用户名 用户密码 用户的系统UID 用户的系统GID 用户的全名 用户 ...

  4. zabbix 修改输出web前端图片的日期格式

    zabbix并没有给定一个全局或者用户级别的时间格式定义方式. 实在看不惯的话,可以自己修改源代码来实现修改. 暂时研究了半小时,先把展示图片修改了. 后续有更严谨的方案,再更新此文吧. ------ ...

  5. linux杀掉80端口线程命令

    80端口被其他程序占用, fuser -k -n tcp 80

  6. ListCtrl控件的使用

    list contrl控件的使用 .建立基于对话框的应用程序,布置界面,设置属性. 注意添加的是listctrl控件,不是listbox控件,在控件工具箱的倒数第五行list control控件. 属 ...

  7. 关于matlab中textread

    本文主要内容引自http://linux.chinaitlab.com/administer/872894.html 笔者在此基础上进行运行,修改得到以下内容,希望大家给与补充: textread 基 ...

  8. 序列化战争:主流序列化框架Benchmark

    序列化战争:主流序列化框架Benchmark GitHub上有这样一个关于序列化的Benchmark,被好多文章引用.但这个项目考虑到完整性,代码有些复杂.为了个人学习,自己实现了个简单的Benchm ...

  9. Groovy 设计模式 -- 责任链模式

    Chain of Responsibility Pattern http://groovy-lang.org/design-patterns.html#_chain_of_responsibility ...

  10. flutter 底部按钮切换页面

    界面如图: 我们就从上节里面的app.dartt修改 目录:lib lib/story 其它两个目录一样. 图片配置一下 app.dart import 'package:flutter/materi ...