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实用示例 缩址还原
Dec 28 NodeJs
NodeJS学习笔记之网络编程
Aug 03 NodeJs
NodeJS中Buffer模块详解
Jan 07 NodeJs
nodejs中的fiber(纤程)库详解
Mar 24 NodeJs
Nodejs Stream 数据流使用手册
Apr 17 NodeJs
浅谈Nodejs应用主文件index.js
Aug 28 NodeJs
nodejs基础应用
Feb 03 NodeJs
利用nodejs监控文件变化并使用sftp上传到服务器
Feb 18 NodeJs
深入浅析Nodejs的Http模块
Jun 20 NodeJs
nodejs使用express获取get和post传值及session验证的方法
Nov 09 NodeJs
Mac下通过brew安装指定版本的nodejs教程
May 17 NodeJs
NodeJS 实现多语言的示例代码
Sep 11 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操作xml入门之xml标签的属性分析
2015/01/23 PHP
今天你说520了吗?不仅有php表白书还有java表白神器
2016/05/20 PHP
功能强大的php分页函数
2016/07/20 PHP
php 判断过去离现在几年的函数(实例代码)
2016/11/15 PHP
javascript引用对象的方法
2007/01/11 Javascript
javascript demo 基本技巧
2009/12/18 Javascript
jquery实现居中弹出层代码
2010/08/25 Javascript
用Javascript评估用户输入密码的强度实现代码
2011/11/30 Javascript
JavaScript实现多维数组的方法
2013/11/20 Javascript
javascript强制点击广告的方法
2015/02/06 Javascript
js实现使用鼠标拖拽切换图片的方法
2015/05/04 Javascript
jquery实现select下拉框美化特效代码分享
2015/08/18 Javascript
jQuery实现进度条效果代码
2015/12/17 Javascript
浅析JavaScript声明变量
2015/12/21 Javascript
jQuery遍历json的方法分析
2016/04/16 Javascript
微信小程序 video组件详解
2016/10/25 Javascript
JS中用childNodes获取子元素换行会产生一个子元素
2016/12/08 Javascript
js实现符合国情的日期插件详解
2017/01/19 Javascript
jQuery加密密码到cookie的实现代码
2017/04/18 jQuery
让bootstrap的carousel支持滑动滚屏的实现代码
2017/11/27 Javascript
在vue中通过axios异步使用echarts的方法
2018/01/13 Javascript
nodejs+express搭建多人聊天室步骤
2018/02/12 NodeJs
Angular使用过滤器uppercase/lowercase实现字母大小写转换功能示例
2018/03/27 Javascript
使用easyui从servlet传递json数据到前端页面的两种方法
2019/09/05 Javascript
vue prop属性传值与传引用示例
2019/11/13 Javascript
Python中字符串对齐方法介绍
2015/05/21 Python
python通过nmap扫描在线设备并尝试AAA登录(实例代码)
2019/12/30 Python
python烟花效果的代码实例
2020/02/25 Python
清除canvas画布内容(点擦除+线擦除)
2020/08/12 HTML / CSS
美国隐形眼镜零售商:LensPure
2019/03/10 全球购物
七一党建活动方案
2014/01/28 职场文书
财务信息服务专业自荐书范文
2014/02/08 职场文书
超外差式晶体管收音机的组装与统调
2021/04/22 无线电
浅谈Golang 嵌套 interface 的赋值问题
2021/04/29 Golang
SQL注入的实现以及防范示例详解
2021/06/02 MySQL
Python Matplotlib绘制两个Y轴图像
2022/04/13 Python