2016-12-1nodeJs sublime text3 开发环境搭建

前言

原来一直想学习一下传说中的nodejs,今天终于算开了个章,把开发环境搭建好,下面记录搭建开发环境中的一些问题。
我搭建的环境实在sublime text 3中使用的,因为原来编写前台代码的时候一直使用sublime text 3对这款编辑器也有了自己的一些了解。(ps,我的快捷键一直用的是原来eclipse的快捷键 哈哈)

一、安装nodejs 插件

我开始的时候是通过ppackage control安装的,但后面再bulid的时候出现了中文编码的问题,我一时没有找到解决方案,后面在网上搜到相对应解决方案,在github上面下载该项目的zip包 然后自己复制到sublime text的packpage 下 nodejs 插件的github地址https://github.com/tanepiper/SublimeText-Nodejs ,关于自己packpage文件夹sublime text 3的preferences 下面的browser package点击就能打开相对应的文件,一般这个目录在c盘的user 下面 有一级目录会被隐藏,应该打开隐藏目录课件。

二、修改插件的配置文件

Nodejs.sublime-settings 这个文件是设置相对应的nodeJS的安装目录的配置成下面

{
  // 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 (x86)/nodejs/node.exe",
  // Same for NPM command
  "npm_command":"C:/Program Files (x86)/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两个配置 只是将这两个配置改成自己的node目录以及npm目录

Nodejs.sublime-bulid文件就相对复杂一些

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

有两种配置方式 一、windows{ 1 }我注释掉的就是我开始的配置,表示 先把node进程结束掉 在启动node 执行当前文件,(ps 我开始的时候没有加上1 导致我每次Ctrl+B 的时候都报错 说node 端口已经背占了 每次只能够在cmd中 自己来结束进程)
配置方式二、第二种就是在安装了nodemon 之后,才可以配置的关于nodemon 自己搜,然后就不用每次修改之后从新Ctrl+b
他自动就重启了。

sublime text 3添加eclipse 快捷键

[
 { "keys": ["shift+enter"], "command": "run_macro_file", "args": {"file": "Packages/Default/Add Line.sublime-macro"} },
 { "keys": ["alt+up"], "command": "swap_line_up" },
 { "keys": ["alt+down"], "command": "swap_line_down" },
 { "keys": ["ctrl+alt+j"], "command": "join_lines" },
 { "keys": ["ctrl+alt+down"], "command": "duplicate_line" },
 { "keys": ["shift+ctrl+r"], "command": "show_overlay", "args": {"overlay": "goto", "show_files": true} },
 { "keys": ["ctrl+shift+s"], "command": "save_all" },
 { "keys": ["ctrl+l"], "command": "show_overlay", "args": {"overlay": "goto", "text": ":"} },
 { "keys": ["shift+ctrl+f4"], "command": "close_all" },
 { "keys": ["shift+ctrl+y"], "command": "lower_case" },
 { "keys": ["shift+ctrl+x"], "command": "upper_case" },
 { "keys": ["ctrl+d"], "command": "run_macro_file", "args": {"file": "Packages/Default/Delete Line.sublime-macro"} },
 { "keys": ["alt+/"], "command": "auto_complete" },
]

常用插件

SublimeEnhancements

这个插件可以给SublimeText的边栏菜单带来扩充的功能
这里写图片描述

Emmet

Emmet(译者注:前身就是以前大名鼎鼎的Zen Coding,这个如果你没听说和使用过,就悲哀了)是一个可以让你更快更高效地编写HTML和CSS,节省你大量时间的插件。
这里写图片描述

ColorPicker

调色板 快捷键 ctrl+shift+c
这里写图片描述

BracketHighlighter

用于显示你配对的标签 “{” 等

Terminal

可以直接呼出当前路径下的控制台(windows 下是powershell 也可以设置成cmd)

常用插件参考简书Mintisan的博客写成

Git

git插件 但还是要结合本地的git使用才方便

nodeJS

用于配置sublime nodeJS开发环境

JavaScript&nodeJS snippet

提示JavaScript 和nodejs。

jQuery

jQuery代码提示

html-css-JavaScript prettify

格式化html css JavaScript ,格式JavaScript要配置nodejs

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值