近期在研究数据可视化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
文件。并下载了一堆文件,则证明使用全然没有问题。