`

NodeJS Sublime环境配置

 
阅读更多

原创转载请注明出处:http://agilestyle.iteye.com/blog/2352335

 

Prerequisite


 


 

 

https://github.com/tanepiper/SublimeText-Nodejs 下载zip包


 

解压后,重命名为nodejs,拷贝到

C:\Users\Administrator\AppData\Roaming\Sublime Text 2\Packages


 

设定build环境为nodejs

Tools > Build System > Nodejs


 

 

配置环境

Preferences > Package Settings > Nodejs > Settings-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": "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": "C:/Users/Administrator/AppData/Roaming/npm/node_modules",

  "expert_mode": true,

  "ouput_to_new_tab": false
}

 

新建一个index.js文件,编写一个NodeJS脚本

var http = require('http');

http.createServer(function (request, response) {
	response.writeHead(200, {'Content-Type': 'text/plain'});

	response.end('Hello World\n');
}).listen(8888);

console.log('Server running at http://127.0.0.1:8888/');

 

Ctrl + B运行


 

运行成功后,如果想停止服务,可以在Tools > Cancel Build来停止服务


 

Sublime作为JS IDE安装几个比较著名的插件

JsFormat

https://github.com/jdc0589/JsFormat

Usage

Either cmd+alt+f on OS X or ctrl+alt+f on Linux/Windows

 

JSHint

https://github.com/uipoet/sublime-jshint

Usage

ctrl+j on OS X or alt+j on Linux/Windows

 

JavaScriptNext

https://github.com/Benvie/JavaScriptNext.tmLanguage

Usage

You can either set individual JavaScript files to use this syntax highlighter by changing it in the “View -> Syntax” menu or you can change it for all JavaScript files in the “View -> Syntax -> Open all with current extension as...”.

 

sublime-marko

https://github.com/merwan7/sublime-marko 

 

HTMLPrettify

https://github.com/victorporof/Sublime-HTMLPrettify

 

emmet-sublime

https://github.com/sergeche/emmet-sublime

note:这个插件安装需要安装PyV8(https://github.com/emmetio/pyv8-binaries

emmet初始化html,输入 html:5 ,之后按下 Ctrl + E

 

另外可以修改Sublime默认的 编码、字体大小、Tab

Preferences > Settings - User

{
	"default_encoding": "UTF-8",
	"font_size": 16,
	"tab_size": 2
}

 

  • 大小: 29.2 KB
  • 大小: 7 KB
  • 大小: 11 KB
  • 大小: 129.5 KB
  • 大小: 100 KB
  • 大小: 48.4 KB
  • 大小: 42.1 KB
  • 大小: 32.3 KB
  • 大小: 9.8 KB
分享到:
评论

相关推荐

    sublime text3配置node.js开发环境

    其次,修改Nodejs.sublime-settings文件,这个文件用于配置Node.js的运行环境,包括编码格式、文件命令等。在该文件中,需要将编码格式改为utf-8以确保中文等字符的正确显示。这通常涉及到对"cmd"数组的修改,并添加...

    sublime text配置node.js调试(图文教程)

    以下是一个详细的步骤指南,教你如何在Sublime Text中配置Node.js的调试环境。 首先,你需要确保已经安装了Node.js。访问[Node.js官方网站](https://nodejs.org/)下载并安装适合你操作系统的版本。安装完成后,你...

    nodejs安装及环境配置.docx

    ### Node.js 安装与环境配置详解 #### 一、Node.js 简介 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境,它允许开发者使用 JavaScript 编写服务端应用程序。Node.js 具有事件驱动、非阻塞 I/O 模型...

    SublimeText 3 Nodejs 插件

    "SublimeText 3 Nodejs 插件" 主要是为了帮助 SublimeText 3 用户更好地进行 Node.js 开发。这些插件通常包含以下功能: 1. **自动完成**:提供智能提示,自动补全 Node.js 的内置模块、方法和变量,节省编码时间。...

    Sublime Text3 配置 NodeJs 环境的方法

    大家都知道,Sublime Text 安装插件一般从 Package Control 中直接安装即可,当我安装 node js 插件时候,直接通过Package Control 安装,虽然插件安装成功了,但是找不到配置文件 Nodejs.sublime-build 来更改一些...

    Windows系统下使用Sublime搭建nodejs环境

    1.下载nodejs,并安装ok后,配置好环境变量。 2.下载sublime text3 3.在package install 包中新增node插件(或者直接去SublimeText-Nodejs插件(https://github.com/tanepiper/SublimeText-Nodejs)下载,下载之后,...

    sublime开发note.js安装包

    【标题】"sublime开发note.js安装包"指的是在Sublime Text编辑器中配置和使用note.js开发环境的教程。Sublime Text是一款流行的代码编辑器,因其轻量级、高效和丰富的插件支持而受到开发者喜爱。Note.js,可能是...

    【课件】NodeJs 介绍 安装 开发工具配置1

    此外,可能还需要配置环境变量、设置调试工具以及安装一些常用的开发工具,如 ESLint 用于代码质量检查,Prettier 用于代码格式化,Gulp 或 Webpack 用于构建自动化流程。 总之,Node.js 以其独特的非阻塞I/O和事件...

    NodeJS、NPM安装配置步骤(windows版本) 以及环境变量详解

    8. 配置完成后,可以在NodeJS的交互式环境中使用require命令来测试是否能够正确加载全局模块,如果能正常显示模块信息,则说明全局模块路径配置正确。 9. 最后,文章作者提到他使用的是Sublime Text2编辑器配合...

    Sublime Text 3 编辑器与 Node.js.pdf

    2. **Node.js插件**:安装与Node.js相关的Sublime Text插件,如`Nodejs`或`Node Build`,它们提供在编辑器内部直接运行Node.js脚本的能力。 3. **构建系统**:在Sublime Text中设置构建系统,使你能够通过`Tools` >...

    Sublime里直接运行PHP配置方法

    5. **Nodejs sublime text 3安装与配置** - 如果你也使用Node.js,这篇文章将指导你如何在Sublime Text 3中配置Node.js开发环境。 6. **教你如何将 Sublime 3 打造成 Python/Django IDE** - 提供了一些技巧和插件,...

    ChalmFoodServer:我的Chrome扩展程序和Sublime插件使用的NodeJS服务器

    【ChalmFoodServer:NodeJS服务器为Chrome扩展和Sublime插件提供支持】 ChalmFoodServer是一个基于Node.js的轻量级服务器,专为Chrome浏览器的扩展程序和Sublime Text编辑器的插件开发设计。这个项目的核心目标是...

    nodejsnodejsnodejs

    Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,它让开发者能够使用 JavaScript 来进行服务器端编程。Express 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架,它为构建 web 应用程序提供了...

    nodejs依赖离线包(beautify)

    5. **集成开发环境(IDE)支持**:beautify 通常与各种流行代码编辑器(如 Visual Studio Code、Sublime Text、Atom 等)的插件形式存在,使得格式化代码只需一键操作,大大提升了开发体验。 6. **源代码管理**:当...

    Node.js安装与环境配置全攻略:从零到一轻松上手.pdf

    ### Node.js安装与环境配置全攻略:从零到一轻松上手 #### 一、Node.js简介 Node.js 是一种开放源代码、跨平台的JavaScript运行环境,它使用Google Chrome的V8 JavaScript引擎。Node.js 的核心优势在于其事件驱动...

    跟我学Nodejs(一)--- Node.js简介及安装开发环境

    之后创建一个新的构建系统文件(NodeJs.sublime-build),在这个文件中定义构建任务,比如执行Node.js脚本。这样,开发者就可以通过Sublime Text的构建系统直接运行Node.js代码了。 总结来说,Node.js是一种非常...

    Nodjs尝试(Windows7)

    7. **环境配置**:在Windows 7上,可能需要配置系统环境变量,以便Node.js和npm能正确找到全局安装的模块。如果在安装过程中没有选择自动添加到PATH,用户需要手动添加Node.js的安装路径。 8. **常见问题**:在...

    cybercore:我的开发环境和系统配置(macOS,ruby,js,python,dotfiles,zsh,vim,sublime,字体等)。 由Ansible供电

    我的开发环境和系统配置 ansible@2.10.3 / JavaSE@15.0.1 ( ) Ruby(3.0.0) 锈(1.44.1) python (3.9.0)/ python (2.7.18) nodejs (最新)/纱线(1.22.10) 长生不老药(1.11.2)/ erlang (23.1) ...

    study-blog:学习nodejs中的一些笔记

    "常用软件下载"可能指的是开发工具和环境配置。对于Node.js开发,你需要安装Node.js官方发布的版本管理器NVM(Node Version Manager),这样可以方便地切换不同版本的Node.js。此外,IDE如Visual Studio Code,集成...

Global site tag (gtag.js) - Google Analytics