最近在研究数据可视化D3框架,决定在windows下搭建一个nodejs及npm的工作环境,在网上查了n篇文章,别管是编译源码安装也好,还是使用node.msi格式安装包也好,总是有问题。最终,功夫不负有心人,还是搭建完成了。作为新手,其实我也不知道这样搭建对不对,但是运行‘npm install‘反正不出错了。
下面就把我的一些搭建过程说一下:
- 下载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
- 测试是否安装成功,在命令行中,分别输入
node -v
、npm -v
,看是否输出两者的版本号,如果输出,则表时输出成功 -
由于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
文件,并下载了一堆文件,则证明使用完全没有问题。