Windows下安装nodejs并进一步搭建vue开发环境步骤(一)
一.Windows下安装nodejs及配置
1. 首先进入nodejs官网进行node.js的下载:https://nodejs.org/en/download/
然后进行安装(此处省略) 。
2. 安装成功后,可以编写一个测试文件test.js:我将其放入nodejs安装目录下的新建的一个文件夹里,如下:
测试代码为:
var http = require("http");
http.createServer(function(request, response) {
response.writeHead(200, {"Content-Type": "text/plain"});
response.write("test nodjs");
response.end();
}).listen(8899);
console.log("nodejs start listen 8899 port!");
设置好浏览器端口信息这里我们用8899。
3. 找到进入node.js command prompt 命令窗口,进入自己创建的test.js所在的文件夹,进入目录后然后键入:node test.js
然后浏览器打开http://127.0.0.1:8899/ 可以看到输出了test nodjs。
环境安装配置成功。
以上参考于:http://jingyan.baidu.com/article/a948d6515d4c850a2dcd2e18.html
也可以直接在CMD窗口输入命令查看安装是否成功:
输入node -v, 查看nodejs版本;
输入npm -v, 查看npm版本
4. Nodejs环境配置
环境配置主要配置的是npm安装的全局模块的所在路径,以及缓存cache的路径。之所以要配置为全局的,是因为以后在执行类似:npm install express [-g] 包名(中括号[]表示可选参数,-g表示global全局安装的意思)的安装语句时,会将安装的模块安装到”C:\用户\用户名\AppData\Roming\npm”中,会占用C盘空间,所以我想将全局模块所在的路径和缓存放在nodejs安装的文件夹中,所以我需要在nodejs文件夹中创建两个文件夹【node_global】和【node_cache】
创建完成两个文件夹之后,打开CMD窗口输入以下命令:
npm config set prefix “D:\nodejs\node_global”
npm config set cache “D:\nodejs\node_cache”
(注意看清这两句话是的不同哦~)
接下来就是配置环境变量,右击【我的电脑】-【属性】-【高级系统设置】-【高级】-【环境变量】,进入环境变量的编辑页面。
(1)新建系统变量
变量名:【NODE_PATH】
变量值:【D:\nodejs\node_global\node_modules】
(2)编辑用户变量【Path】
将里面的C:\Users\mwx66\AppData\Roaming\npm
用新的全局路径D:\nodejs\node_global替换掉
然后点击确定结束环境变量的配置。
5.配置完成后,就可以配置完成后,我们安装个module模块测试一下,我安装的是express模块,继续打开CMD窗口,输入以下命令:
npm install express -g #-g表示全局安装的意思
安装完成后,打开【D:\nodejs\node_global\node_modules】,发现里面多了【express】文件夹,此时说明node.js安装与配置都已成功。
以上部分参考于: