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打包工具整合到鼠标右键的方法
May 11 NodeJs
Nodejs学习笔记之NET模块
Jan 13 NodeJs
NodeJS使用jQuery选择器操作DOM
Feb 13 NodeJs
详解如何在NodeJS项目中优雅的使用ES6
Apr 22 NodeJs
Windows下使用Nodejs运行js的方法
Sep 02 NodeJs
nodejs调取微信收货地址的方法
Dec 20 NodeJs
nodejs使用http模块发送get与post请求的方法示例
Jan 08 NodeJs
nodejs中密码加密处理操作详解
Mar 20 NodeJs
nodejs中各种加密算法的实现详解
Jul 11 NodeJs
Nodejs 识别图片类型的方法
Aug 15 NodeJs
如何利用nodejs实现命令行游戏
Nov 24 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生成月历代码
2007/06/14 PHP
PHP反射基础知识回顾
2020/09/10 PHP
javascript getElementsByClassName函数
2010/04/01 Javascript
基于jquery的inputlimiter 实现字数限制功能
2010/05/30 Javascript
判断客户端浏览器是否安装了Flash插件的多种方法
2010/08/11 Javascript
jQuery 1.8 Release版本发布了
2012/08/14 Javascript
js 删除数组的几种方法小结
2014/02/21 Javascript
浅析Bootstrap缩略图组件与警示框组件
2016/04/29 Javascript
Vue.js展示AJAX数据简单示例讲解
2017/03/29 Javascript
JS原生带小白点轮播图实例讲解
2017/07/22 Javascript
JS实现的将html转为pdf功能【基于浏览器端插件jsPDF】
2018/02/06 Javascript
详解Vue结合后台的列表增删改案例
2018/08/21 Javascript
用POSTMAN发送JSON格式的POST请求示例
2018/09/04 Javascript
vue filter 完美时间日期格式的代码
2019/08/14 Javascript
layui(1.0.9)文件上传upload,前后端的实例代码
2019/09/26 Javascript
js实现手表表盘时钟与圆周运动
2020/09/18 Javascript
[02:20]DOTA2中文配音宣传片
2013/05/22 DOTA
[00:43]DOTA2小紫本全民票选福利PA至宝全方位展示
2014/11/25 DOTA
python中map、any、all函数用法分析
2015/04/21 Python
小米5s微信跳一跳小程序python源码
2018/01/08 Python
python爬取淘宝商品详情页数据
2018/02/23 Python
python得到windows自启动列表的方法
2018/10/14 Python
Python微信操控itchat的方法
2019/05/31 Python
Python自定义聚合函数merge与transform区别详解
2020/05/26 Python
汇集了世界上最好的天然和有机美容产品:LoveLula
2018/02/05 全球购物
AJAX都有哪些有点和缺点
2012/11/03 面试题
汉语言文学毕业生求职信
2013/10/01 职场文书
人力资源管理专业应届生求职信
2014/04/24 职场文书
2014年煤矿安全工作总结
2014/12/04 职场文书
亲属关系公证书样本
2015/01/23 职场文书
2015年世界无烟日演讲稿
2015/03/18 职场文书
夏洛特的网观后感
2015/06/15 职场文书
在JavaScript中如何使用宏详解
2021/05/06 Javascript
DSP接收机前端设想
2022/04/05 无线电
MySQL 外连接语法之 OUTER JOIN
2022/04/09 MySQL
MySQL时区造成时差问题
2022/04/13 MySQL