Sublime Text3 配置 NodeJs 环境的方法_node.js

来源:脚本之家  责任编辑:小易  

Sublime用的比较多的版本是Text2和Text3,这些网上都可以下载到,汉化的也是有的,小编使用的是Text3中文版,安装好后,右击想要打开的各种格式(html,js,xml,txt)等都可以快速打开技巧一:快速注释选择需要注释的代码,多行或单行都很随意,然后使用”Ctrl+”,或者使用“Ctrl+Shft+”即可快速注释。注释了再同样按一下即可接触注释。这里的注释比eclipse中的java好用。技巧二:快速查找按住”Ctrl+F”快捷键,即可进行快速搜索,在搜索框下边输入要找的变量名称和方法名等都可以,定位很迅速。技巧三:缩略图定位我们可以发现右侧可以看到整个代码的缩略图,点击相应的区域即可快速定位到了,非常方便。技巧四:快速打开文件Ctrl+P快捷键可以快速打开文件,输入文件名称即可切换打开了,因为可能我们一次打开的窗口比较多,Ctrl+P快捷键可以快速的切换到相应的文件技巧五:打开整个工程文件—》打开文件夹—》选择自己的工程,可以打开整个工程,这里的话就可以在整个工程里边查看所有文件了,修改方便7总结:Sublime可以很方便的编程,对于js和html等编写非常方便,可以编写了在浏览器迅速看到效果;在需要java和web容器,比如tomcat支持的时候,部署工程到tomcat后,使用Sublime打开tomcat下的Webapps的部署好的工程,这样就可以进行更改,效果更快。更改的话不需要那myeclipse等了,myeclipse只是用来启动部署而已;当然更改了记得另存,不然myeclipse哪里重新部署的话就将myeclipse的工作空间的覆盖了你修改的tomcat里边的内容www.zgxue.com防采集请勿采集本网。

前言

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

这是个很宽泛的问题,建议: 1、描述清楚问题。不现的功能需要不同的设置。2、建议自己查说明文档。3、建议百度自行搜索。

安装

git安装

第三步:打开Sublime Text 3,选择菜单:Preference->Browse Package.浏览插件 第四步:把package control复制到此目录,重启 Sublime text 3。然后菜单Preferences就会多了两个Package.的东西如下:

MacOSX

安装Sublime Text 3插件的方法: 朋友们,小站活着不容易,全靠广告费养着了,如果本文对你有帮助。麻烦动下手点下页面的广告吧,谢谢!直接安装 安装Sublime text 2插件很方便,可以直接下载

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

sublime text 3中文破解版http://www.ddooo.com/softdown/47542.htm sublime text 3中文破解版安装方法: 1、下载解压,找到“Sublime Text Build 3047”文件夹;2、再双击“sublime_text.exe”

Windows

打开原sublime text 3软件 点击Packages浏览菜单 在弹出窗口点击进入上一个目录。拷贝整个Packages文件夹以及Installed Packages文件夹。在需要迁移的电脑,同样安装Sublime Text 3并进入

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

sublime text 3中文破解版http://www.ddooo.com/softdown/47542.htm sublime text 3中文破解版安装方法: 1、下载解压,找到“Sublime Text Build 3047”文件夹;2、再双击“sublime_text.exe”

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()

1.Sublime Text2 or Sublime Text 3?虽然两者用起来差不多,但还是用最新版本吧,虽然是beta版,但是毕竟也有了一些更新,比如界面UI的一些小的变化,安装的package文件也是直接安装在了sublime text3文件夹里面,而不是安装在C盘的其他目录,同时也是一个绿色版本,一些配置也能够方便备份保留。神级代码编辑软件(Sublime Text 3)神级代码编辑软件(Sublime Text 3)v3.3111 汉化特别版 评分:5.72.Sublime Text3是绿色版的,如何添加到右键菜单,可以快速使用Sublime Text3打开?(1)cmd命令中运行:regedit,打开注册表。(2)依次找到HKEY_CLASSESS_ROOT->*->Shell,下面新建项,命名为Edit with Sublime Text3。(3)在项“Edit with Sublime Text”下新建字符串值,命名为Icon,值为“C:\\Program Files\\Sublime Text Build 3065\\sublime_text.exe,0”,其中黑色地址为 Sublime Text程序文件地址。(4)在项“Edit with Sublime Text”下新建项Command,该Command项下默认值修改为“C:\\Program Files\\Sublime Text Build 3065\\sublime_text.exe,1”。(5)设置完成后,无需重启电脑,就可以在右键菜单中,显示Edit with Sublime Text3。3.Sublime Text3基本界面等参数设置?Sublime Text3默认界面设置配置文件在Preferences->Settings-Default。我们可以通过在Settings-User配置文件中增加值来覆盖Setting-Default中的设置值,设置值的格式可以参看Setting-Default配置文件中设置,例如下面我设置的字体大小、行高亮显示和侧边栏文件夹图标加粗。设置完成后Ctrl+S保存后,无需重启Sublime Text3即可立即生效。4.Sublime Text3常用快捷键?有很多快捷键是和操作系统一致的,也有很多很有意思的其他快捷键操作,默认的快捷键设置在Preferences->Key Bindings-Default中,里面可以查到所有的快捷键,同样可以在Key Bindings-User中,重新设置新的值,来覆盖默认设置。下图是我自定义设置的两个快捷键。下面把我常用的一些快捷键总结如下:(1)格式化代码:alt+shift+f 自己设置的,选择代码后按此快捷键可以格式化代码。(2)折叠代码:ctrl+shift+[自己设置的,可以折叠方法里面的代码,当一个类文件中方法比较多时,可以使用。(3)打开刚刚关闭的窗口:ctrl+shift+T默认设置。(4)全屏显示:F11默认设置。(5)免打扰全屏显示:Shift+F11默认设置,比F11显示的更大。(6)多处选择相同的词:Ctrl+D,回退选择Ctrl+U默认设置,非常有用,可以试试。(7)取消窗口显示:ESC默认设置,比如当我们Ctrl+F搜索时,底部会有搜索框,由于找不到上面关闭×,因此按下ESC,就可以很容易关闭了。(8)在代码上面新增一行:Ctrl+shift+Enter默认设置(9)逐词移动:Ctrl+左右键默认设置,直接按左右键是一个字母一个字母的移动。(10)显示类和方法提纲:Ctrl+R默认设置,可以很容易知道一个类中都有哪些方法。(11)显示n个窗口:alt+shift+1,或者2,3.显示n个窗口,例如写css的时候,可以一个窗口开html,一个窗口开css内容来自www.zgxue.com请勿采集。


  • 本文相关:
  • 解析node.js异常处理中domain模块的使用方法
  • node对commonjs的模块规范
  • nodejs爬虫的技术点总结
  • nodejs实现获取本地文件夹下图片信息功能示例
  • 在node.js下运用mqtt协议实现即时通讯及离线推送的方法
  • node.js对mongodb进行增删改查操作的实例代码
  • 基于node.js express mvc轻量级框架实践
  • node.js中的fs.fsync方法使用说明
  • 详解基于 node.js 的轻量级云函数功能实现
  • nodejs爬虫进阶教程之异步并发控制
  • sublime text 3 对比文件区别用什么插件
  • sublime text 3有什么用
  • sublime text 3编程怎么样
  • sublime text 3 到底怎么用
  • sublime text 3怎么设置 图解
  • 如何正确安装sublime text 3
  • 如何正确安装sublime text 3
  • 如何正确安装sublime text 3
  • 怎么迁移Sublime Text 3插件和配置
  • sublime text 3 可以打开多大的sql文件
  • 网站首页网页制作脚本下载服务器操作系统网站运营平面设计媒体动画电脑基础硬件教程网络安全基础知识javascript类库表单特效广告代码网页特效黑客性质javascript技巧domnode.jsjs其它首页javascriptnode.js解析node.js异常处理中domain模块的使用方法node对commonjs的模块规范nodejs爬虫的技术点总结nodejs实现获取本地文件夹下图片信息功能示例在node.js下运用mqtt协议实现即时通讯及离线推送的方法node.js对mongodb进行增删改查操作的实例代码基于node.js express mvc轻量级框架实践node.js中的fs.fsync方法使用说明详解基于 node.js 的轻量级云函数功能实现nodejs爬虫进阶教程之异步并发控制一行命令搞定node.js 版本升级卸载安装node.js与npm过程详解node.js(安装,启动,测试)yarn的安装与使用详细介绍node.js+ajax实现获取http服务器nodejs中调用系统命令、shell脚本nodejs npm install全局安装和本nodejs基本语法和类型nodejs学习笔记之fs文件模块node.js中的fs.writefilesync方法node.js环境下koa2添加travis ci持续集成node实现登录图片验证码的示例代码nodejs个人博客开发第四步 数据模型浅析node.js的stream模块中的readable对象node.js巧妙实现web应用代码热更新nodejs 实现手机短信验证模块阿里大于功能node.js中express中间件body-parser的介绍node.js中的console.assert方法使用说明node.js实现js文件合并小工具用node写一条配置环境的指令
    免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved