Sublime Text3 配置 NodeJs 环境的方法


Posted in NodeJs onMay 20, 2020

前言

大家都知道,Sublime Text 安装插件一般从 Package Control 中直接安装即可,当我安装 node js 插件时候,直接通过Package Control 安装,虽然插件安装成功了,但是找不到配置文件 Nodejs.sublime-build 来更改一些配置 。于是去 https://packagecontrol.io/packages/Nodejs 官网上查看,只提供一种安装方式。

安装

git安装

MacOSX

git clone https://github.com/tanepiper/SublimeText-Nodejs.git ~/Library/Application\ Support/Sublime\ Text\ 3/Packages/Nodejs

Windows

git clone https://github.com/tanepiper/SublimeText-Nodejs.git ~/Library/Application\ Support/Sublime\ Text\ 3/Packages/Nodejs

Linux

git clone https://github.com/tanepiper/SublimeText-Nodejs $HOME/.config/sublime-text-3/Packages/Nodejs

手动安装

通过地址https://github.com/tanepiper/SublimeText-Nodejs去github上下载该包,解压放到Sublime Text3\Packages 目录下。

修改配置文件 (两处要修改)

Nodejs.sublime-settings

在 Sublie Text 3 Packages 文件目录下, 找到 Nodejs.sublime-settings 文件,更改以下内容

修改后的文件

{
 // 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": "C:\\Program Files\\nodejs\\node.exe" ,
 // Same for NPM command
 "npm_command": "C:\\Program Files\\nodejs\\npm.cmd",
 // as 'NODE_PATH' environment variable for node runtime
 "node_path": false,

 "expert_mode": false,

 "ouput_to_new_tab": false
}

注: 修改了两个地方,分别是 node_command 和 npm_command

Nodejs.sublime-build

在 Sublie Text 3 Packages 文件目录下, 找到 Nodejs.sublime-build 文件,更改以下内容

修改后的文件

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

注: 修改了两个地方,分别是 encoding 和 windows 下的cmd ,windows 下的cmd命令是每次执行的时候都会kill 掉以前启动的nodejs 进程,这个命令有些错误,我们修改它,到达我们想要的效果

测试

新建一个 test.js 文件 输入以前内容

var http = require('http');
var os = require('os');
 
http.createServer(function (request, response) {
 response.writeHead(200, {'Content-Type': 'text/plain'});
 response.end('Hello World\n');
 
}).listen(3000);
 
console.log('Server running at http://127.0.0.1:3000/');

Ctrl +B 编译一下,会在Sublime Text 控制台 看到 Server running at http://127.0.0.1:3000/ ,接下来我们从浏览器打开 访问 http://127.0.0.1:3000/ .

结束语

以上就是 Sublime Text 排至 Node js 步骤 。
参考: https://packagecontrol.io/packages/Nodejs packagecontrol 官网 的Node js 插件.

Sublime Text3 配置 NodeJs 环境补充

一.下载包地址

https://github.com/tanepiper/SublimeText-Nodejs

然后解压放到Sublime Text3\Packages 目录下并改名Nodejs

二.修改配置文件 (两处要修改)

1.在 Sublie Text 3 Packages 文件目录下 找到 Nodejs.sublime-settings 文件 更改以下内容 路径为当前电脑node的安装目录
"node_command": "C:\\Program Files\\nodejs\\node.exe",
"npm_command": "C:\\Program Files\\nodejs\\npm.cmd",

2.在 Sublie Text 3 Packages 文件目录下 找到 Nodejs.sublime-build 文件
更改以下内容
"encoding": "utf8",
"cmd": ["taskkill","/F", "/IM", "node.exe","&","node", "$file"]

三.测试

新建文件夹ss目录下新建test.js文件代码如下

var http = require('http'); 
 
http.createServer(function(req, res) { 
 res.writeHead(200, {'Content-Type': 'text/plain'});  
 res.end('hello world\n'); 
}).listen(1337, '127.0.0.1'); 
 
console.log('Server running at http://127.0.0.1:1337/');

命令行ss目录下运行输入 node test.js

安装成功则console.log()

NodeJs 相关文章推荐
nodejs URL模块操作URL相关方法介绍
Mar 03 NodeJs
基于html5和nodejs相结合实现websocket即使通讯
Nov 19 NodeJs
Nodejs获取网络数据并生成Excel表格
Mar 31 NodeJs
Nodejs搭建wss服务器教程
May 24 NodeJs
Nodejs实现多房间简易聊天室功能
Jun 20 NodeJs
理解nodejs的stream和pipe机制的原理和实现
Aug 12 NodeJs
NodeJS简单实现WebSocket功能示例
Feb 10 NodeJs
nodejs简单访问及操作mysql数据库的方法示例
Mar 15 NodeJs
nodejs+mongodb aggregate级联查询操作示例
Mar 17 NodeJs
nodejs 简单实现动态html的方法
May 12 NodeJs
NodeJs操作MongoDB教程之分页功能以及常见问题
Apr 09 NodeJs
NodeJS开发人员常见五个错误理解
Oct 14 NodeJs
Nodejs实现WebSocket代码实例
May 19 #NodeJs
Nodejs文件上传、监听上传进度的代码
Mar 27 #NodeJs
nodejs如何在package.json中设置多条启动命令
Mar 16 #NodeJs
nodejs脚本centos开机启动实操方法
Mar 04 #NodeJs
nodejs制作小爬虫功能示例
Feb 24 #NodeJs
nodejs使用socket5进行代理请求的实现
Feb 21 #NodeJs
linux 下以二进制的方式安装 nodejs
Feb 12 #NodeJs
You might like
在PHP中设置、使用、删除Cookie的解决方法
2013/05/06 PHP
解析用PHP读写音频文件信息的详解(支持WMA和MP3)
2013/05/10 PHP
PHP开发微信支付的代码分享
2014/05/25 PHP
PHP return语句另类用法不止是在函数中
2014/09/17 PHP
PHP使用fopen与file_get_contents读取文件实例分享
2016/03/04 PHP
php 自定义错误日志实例详解
2016/11/12 PHP
IE6 弹出Iframe层中的文本框“经常”无法获得输入焦点
2009/12/27 Javascript
Javascript实现快速排序(Quicksort)的算法详解
2015/09/06 Javascript
JS实现带圆弧背景渐变效果的导航菜单代码
2015/10/13 Javascript
JavaScript中函数表达式和函数声明及函数声明与函数表达式的不同
2015/11/15 Javascript
jQuery简单操作cookie的插件实例
2016/01/13 Javascript
Bootstrap模仿起筷首页效果
2016/05/09 Javascript
谈谈Vue.js——vue-resource全攻略
2017/01/16 Javascript
浅析bootstrap原理及优缺点
2017/03/19 Javascript
vue之数据交互实例代码
2017/06/20 Javascript
jQuery实现导航样式布局操作示例【可自定义样式布局】
2018/07/24 jQuery
nodejs的安装使用与npm的介绍
2019/09/11 NodeJs
深入解析Python的Tornado框架中内置的模板引擎
2016/07/11 Python
使用APScheduler3.0.1 实现定时任务的方法
2019/07/22 Python
python实现双色球随机选号
2020/01/01 Python
在CentOS7下安装Python3教程解析
2020/07/09 Python
CSS3地图动态实例代码(圆圈向外扩散)
2018/06/15 HTML / CSS
英国最大的宝石首饰超市:QP Jewellers
2018/09/23 全球购物
市三好学生主要事迹
2014/01/28 职场文书
同学聚会策划方案
2014/06/06 职场文书
党员剖析材料范文
2014/09/30 职场文书
全国法院系统开展党的群众路线教育实践活动综述(全文)
2014/10/25 职场文书
2015年安全月活动总结
2015/03/26 职场文书
党员违纪检讨书
2015/05/05 职场文书
2015年学校禁毒工作总结
2015/05/27 职场文书
长江七号观后感
2015/06/11 职场文书
2015年社区国庆节活动总结
2015/07/30 职场文书
2016优秀大学生个人事迹材料范文
2016/03/01 职场文书
解决Django transaction进行事务管理踩过的坑
2021/04/24 Python
python批量创建变量并赋值操作
2021/06/03 Python
GoFrame框架数据校验之校验结果Error接口对象
2022/06/21 Golang