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安装与配置都已成功。

以上部分参考于:

https://baijiahao.baidu.com/po/feed/share?wfr=spider&for=pc&context=%7B%22sourceFrom%22%3A%22bjh%22%2C%22nid%22%3A%22news_3738818670466133850%22%7D

posted on 2017-04-10 17:10  Mandy66  阅读(223)  评论(0编辑  收藏  举报