在sublimetext2中安装配置Nodejs

1.到nodejs的官网下载安装包,直接点击Install即可。(官网打开很慢,如果你是win32的系统,可以私信小编,把安装包发给你)

2.双击安装包,进行安装

3.务必注意的地方:安装路径,要记得。后面我们还会用到这个路径

4.完成后,在开始菜单找到Node.js,即开始-->Node.js-->Node.js command prompt,输入node -v检查版本号,看能否成功,成功后继续输入npm -v

5.最基本的Nodejs安装就到这里,运行hello world,向全世界宣告一下。先输入node,进入node,然后输入console.log('hello world');结果如图所示:


6.npm安装模块和nodejs配置环境的内容,npm作为一个NodeJS的模块管理,之前我由于没有系统地看资料所以导致安装配置模块的时候走了一大段弯路,所以现在很有必要列出来记录下。我们要先配置npm的全局模块的存放路径以及cache的路径,例如我希望将以上两个文件夹放在NodeJS的主目录下,便在NodeJs下建立“node_global”及“node_cache”两个文件夹。我们就在cmd中键入两行命令:

npm config set prefix "E:\软件安装\nodejs\node_global"

  和

npm config set cache "E:\软件安装\nodejs\node_cache"

7.设置系统变量。进入我的电脑→属性→高级→环境变量。在PATH用户环境变量和系统环境中分别添加npm和node.js路径。在PATH下添加:“E:\软件安装\nodejs”。在系统变量下新建“NODE_PATH”,输入“E:\软件安装\nodejs\node_modules”。

8.这时候,我们还是不可以运行js文件的,要先在sublime text2中搭建一个系统环境:打开Sublime Text -> Tools -> Build -> Build System -> New Build System

9.把新建的system清空,输入{ "cmd": ["node", "$file"], "selector": "source.js" }保存并命名为node.sublime-build。如图:


如果有朋友遇到了

“[Errno 2] No such file or directory: ‘node’ 

[cmd: ['node’, ‘/Users/mcdong/mcdong/tmp/demo.js’]]

 [dir: /Users/mcdong/mcdong/tmp]

 [path: /usr/bin:/bin:/usr/sbin:/sbin] 

[Finished]”的问题,你就和小编一样,犯了同样的错误:应该把node.sublime-build中的node改成你安装路径中的node的绝对地址,如我的绝对地址是“E:\软件安装\nodejs/node”

注意node.sublime-build中的node路径

10.这时候在sublime text2中先Ctrl+N新建一个文件并保存为js格式,如:hello.js。打开我们刚刚建立的hello.js的文件。Ctrl+B进行运行,即可在控制台看到相应的输出


1、下载Nodejs插件,下载地址为:
https://github.com/tanepiper/SublimeText-Nodejs

下载zip压缩包后解压,文件名改为Nodejs


2、打开Sublime Text3,点击菜单“Perferences” =>“Browse Packages”打开“Packages”文件夹,并将第1部的Nodejs文件夹剪切进来


3、打开文件“Nodejs.sublime-build”,将代码 "encoding": "cp1252" 改为 "encoding": "utf8" ,将代码 "cmd": ["taskkill /F /IM node.exe & node", "$file"] 改为 "cmd": ["node", "$file"] ,保存文件


4、打开文件“Nodejs.sublime-settings”,将代码 "node_command": false改为 "node_command": "D:\\Program Files\\nodejs\\node.exe" ,将代码 "npm_command": false 改为 "npm_command": "D:\\Program Files\\nodejs\\npm.cmd" ,保存文件


5、编写一个测试文件test.js,按“ctrl+B"运行代码,运行结果如下图所示:

至此,环境配置成功!


修改编译选项,在package目录下的nodejs目录中,打开Nodejs.sublime-build,原始内容如下:

{
  "cmd": ["node", "$file"],
  "file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",
  "selector": "source.js",
  "shell":true,
  "encoding": "cp1252",
  "windows":
    {
      "cmd": ["taskkill /F /IM node.exe & node", "$file"]
    },
  "linux":
    {
        "cmd": ["killall node; node", "$file"]
    }
}

有2个地方需要修改,一个是编码,为了避免乱码code,需要改成cp936;另外一个是cmd命令,本身如果只是想简单的运行nodejs程序的话,windows下面的cmd可以直接 "cmd": ["node", "$file"],但是这样非常不利于开发环境,因为这样的话每次build都会重新启动一个node.exe进程,且会占用一个端口,这肯定是我们不希望的。上文中的cmd原本是想在启动node.exe之前讲node.exe进程都杀掉,然后再启动node.exe,但是这个命令写的不对,直接使用的话是编译不成功的。对cmd命令需要做简单的处理,修改好之后的Nodejs.sublime-build文件内容如下:

{
  "cmd": ["node", "$file"],
  "file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",
  "selector": "source.js",
  "shell":true,
  "encoding": "cp936",
  "windows":
    {
        "cmd": ["taskkill","/F", "/IM", "node.exe","&","node", "$file"]  
    },
  "linux":
    {
        "cmd": ["killall node; node", "$file"]


6 配置nodejs的path Preferences-->Package Setting-->Nodejs-->Default,附我的配置如下

{
  // save before running commands
  "save_first": true,
  // if present, use this command instead of plain "node"
  // e.g. "/usr/bin/node" or "C:\bin\node.exe"
  "node_command": "D:\\tools\\nodejs\\node.exe",
  // Same for NPM command
  "npm_command": "D:\\tools\\nodejs\\npm.cmd",

  "expert_mode": true,

  "ouput_to_new_tab": false
}

7 C:\Users\Administrator\AppData\Roaming\Sublime Text 2\Packages\nodejs\Nodejs.sublime-build进行修改,附我修改内容如下:

{
  "cmd": ["D:\\tools\\nodejs\\node.exe", "-p", "$file"],
  "file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",
  "selector": "source.js",
  "shell":true,
  "encoding": "GB2312",
  "windows":
    {
     "cmd": ["D:\\tools\\nodejs\\node.exe", "$file"]
    },
  "linux":
    {
        "cmd": ["killall node; node", "$file"]
    }
}

8 好了配置好开发工具就可以进行开发了。

我们在编辑器创建一个js 文件,ctrl+b运行或在 Tools->nodejs -> run就可以运行了。


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值