如何在sublime text 3 c环境中搭建node环境

sublime3怎么安装和使用jshint? - 知乎32被浏览13193分享邀请回答2721 条评论分享收藏感谢收起31 条评论分享收藏感谢收起查看更多回答1) 下载sublime并安装,下载列表:
2) 下载sublime的nodejs插件,需是集成Nodejs插件到sublime中,下载地址:
3)&& 解压zip文件, 并重命名文件夹“Nodejs”
4)&& 打开sublime,操作"preference" --& "Browse packages", 打开一个目录,这个目录是众多语言IDE插件的存放地。
5)&& 复制”Nodejs“文件夹到这个目录。& 这样就可以了吗? 酱样子还不行,还要更改配置文件。
6)&& 打开Nodejs文件夹,找到文件“Nodejs.sublime-build”, 拖拽到sublime,显示:&&&&&&&
&&&"cmd": ["node", "$file"],
&&&"file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",
&&&"selector": "source.js",
&&&"shell":true,
&&&"encoding": "cp1252",
&&&"windows":
&&&&&&"cmd": ["taskkill /F /IM node.exe & node", "$file"]
&&&"linux":
&&&&&&"cmd": [" node", "$file"]
&需要更改上面标注的地方, 要更改encoding为GB2312或者utf8,如果不更改此属性可能导致build nodejs代码时终端显示乱码。
7)& 要用sublime打开文件“Nodejs.sublime-settings” 或者 设置“preference” --》 “package settings” --》 “Nodejs”& --》“setting-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": false,
"expert_mode": false,
"ouput_to_new_tab": false
注意"C:\\Program Files\\nodejs\\node.exe" ,为node.exe的安装位置&"C:\\Program Files\\nodejs\\npm.cmd",为npm的安装位置,一般在同一目录下。
如果没有代码就打开“preference” --》 “package settings” --》 “Nodejs”& --》“setting-user” 添加上部分代码 并保存。
重启sublime ctrl+n新建文件 ctrl+s保存成js格式 ,输入console.log("111");出现如图控制台打印 “111” &说明已配置好
9)如果控制台提示 no build system 就打开“&Tools -& Build -& Build System -& 选择 node.js
重新运行还是no build system ,就需要手动配置了。
打开Tools -& Build -& Build System -& New Build System&把新建的system清空,输入{ "cmd": ["node", "$file"], "selector": "source.js" }保存并命名为node.sublime-build。把保存为js格式的文件运行(ctrl+b)就可以了。
&如果解决到你的问题麻烦点一下下方的推荐!!!!!!!!!!!!!!!!!!!!!!!!!
阅读(...) 评论()在windows环境下基于sublime text3的node.js开发环境搭建
我的图书馆
在windows环境下基于sublime text3的node.js开发环境搭建
首先安装sublime text3,百度一堆,自己找吧。理论上sublime text2应该也可以。我只能说一句:这个软件实在是太强悍了。 跨平台,丰富的插件体系,加上插件基本上就是一个强悍的ide了。目前我在使用的主要是Emmet、Python、还有一些格式化的插件(xml,json),加上这次安装的node.js。
node.js的安装就不用多说了,直接 点击install下载window版本的安装程序后安装即可。默认的安装会将安装目录加到path环境变量中,这一步是为了后续使用node的时候,可以不用带路径,当然,后续在sublime text中安装好nodejs插件之后,也可以对node的路径进行一些自定义的设置。为了使用方便,建议增加到path环境变量。
SublimeText-Nodejs插件() 原本在sublime text的插件库里面有nodejs的插件,但是经过尝试安装后,发现无法修改编译设置,没找到Nodejs.sublime-build文件,后来在github上面看了下人家的安装说明之后再重新安装的。 安装也有二种方式: 1、直接下载压缩包后解压到sublime text的package目录中。查看package目录在哪可以通过菜单栏中的Preferences--&浏览程序包Browse Packages直接打开package目录。 2、使用git命令下载到package目录(git clone
"D:\ProgramFiles\Sublime Text 3\Data\Packages\nodejs")
修改编译选项,在package目录下的nodejs目录中,打开Nodejs.sublime-build,原始内容如下:
"cmd": ["node", "$file"],
"file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",
"selector": "source.js",
"shell":true,
"encoding": "cp1252",
"windows":
"cmd": ["taskkill /F /IM node.exe & node", "$file"]
"cmd": [" node", "$file"]
有2个地方需要修改,一个是编码,为了避免乱码code,需要改成cp936;另外一个是cmd命令,本身如果只是想简单的运行nodejs程序的话,windows下面的cmd可以直接 "cmd": ["node", "$file"],但是这样非常不利于开发环境,因为这样的话每次build都会重新启动一个node.exe进程,且会占用一个端口,这肯定是我们不希望的。上文中的cmd原本是想在启动node.exe之前讲node.exe进程都杀掉,然后再启动node.exe,但是这个命令写的不对,直接使用的话是编译不成功的。对cmd命令需要做简单的处理,修改好之后的Nodejs.sublime-build文件内容如下:
"cmd": ["node", "$file"],
"file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",
"selector": "source.js",
"shell":true,
"encoding": "cp936",
"windows":
"cmd": ["taskkill","/F", "/IM", "node.exe","&","node", "$file"]
"cmd": [" node", "$file"]
重启sublime text之后,配置就算完成了。我们写一小段代码来验证一下是否可以正常运行。
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
若之前有运行的node进程在,则会先杀掉node进程,再启动node,显示如下:
成功: 已终止进程 "node.exe",其 PID 为 154588。
Server running at
到此,服务端算是启动成功,打开浏览器,输入,页面显示Hello World则表示交互正常。
开发环境就算是基本搭建完毕了,准备接下来一篇文章讲讲怎么使用自带的NPM包管理工具,NPM能解决nodejs代码部署上的很多问题。
TA的最新馆藏[转]&
喜欢该文的人也喜欢Mac安装搭建sublimeText3开发Nodejs环境
我的图书馆
Mac安装搭建sublimeText3开发Nodejs环境
Nodejs如今生态圈已经够大了,自己也抽空准备学习一下。之前有过一段时间做过一点入门级的练习,现在也忘得差不多了。先来看看基本的开发环境吧。带目录版基本环境安装Nodejs这个直接就可以去官网下载就可以了。根据自己的PC系统类型选择对应的版本下载之后就可以了。安装SublimeText3这个也是直接去SublimeText官网下载既可以了。安装好后就可以来搭建简单的开发环境了搭建开发环境1- 下载SublimeText关于Nodejs的插件该插件是开源的,2- 解压现在下来的压缩文件更改解压后的文件夹名称为Nodejs注意大小写。3- 打开SublimeText的偏好设置,点击浏览包4- 将解压后的文件拖到目录里面5- 通过命令找到node,及npm的路径我得到的是/usr/local/bin/node和/usr/local/bin/npm6- 更改插件的设置在拖进去的文件夹里找到Nodejs.sublime-build和Nodejs.sublime-settings将Nodejs.sublime-settings对应的改为 'node_command': '/usr/local/bin/node', // Same for NPM command 'npm_command': '/usr/local/bin/npm',将Nodejs.sublime-build对应的改为 'osx': { 'cmd': ['/usr/local/bin/ node $file'] }7- 写个js文件试一试注意在写的时候需要先把文件保存为js文件类型才能执行得出结果。还有一点就是在写nodejs代码的时候通过这样的设置之后是不支持有中文字符的
著作权归作者所有
TA的最新馆藏[转]&
喜欢该文的人也喜欢前端神器-sublime text3插件安装及使用
132764次浏览
作为前端人员,要找一个很顺手的编辑器真的不容易,以前我用同事推荐的netbeans,很好用,但是它主要是用于php开发,且软件太大,运行起来比较慢,后来又用前端开发的webStrom,也不错,很好用,他的历史记录等功能比较强大,但是还是有一个缺点,就是软件有点大,运行起来有点慢。
我在我向大家推荐一款实用的前端开发神器,不但占地小,且插件很多,很强大。下面我向大家介绍一下它的安装及插件的使用方法。
一、安装及安装emmet插件
首先,去sublime官网下载软件: ,
软件很小,我用的是最新版的text3,大家可以用目前稳定版text2。打开它的官网,我们就可以看到几个动画,演示sublime的强大功能。
其次,软件安装好了之后,我们来安装一个插件,推荐使用package control组件来安装插件,很方便。
安装方法如下:
按快捷键ctrl+~ 调出命名控制行:然后如果是text2输入如下命令:
import urllib2,os, h = 'e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else N urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else N print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')
如果是text3输入如下命令:
import urllib.request,os, h = 'e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
具体安装您也可以查看:
安装好了之后,在Preferences会看到package control,如下如:
最后,有了package control,你就可以安装您想要的插件了!很简单,sublime下面有很多插件,一般编辑器有的,sublime都会以插件的形式出现,下面我们最先介绍。
打开package control
输入install package 然后找到emmet,点击安装,重启sublime就可以了,具体请看:
第二,sublime常用插件:
不得不用的一款前端开发方面的插件,Write less , show more.安装后可直接使用,Tab键触发,Alt+Shift+W是个代码机器。
代码对齐,如写几个变量,选中这几行,Ctrl+Alt+A,哇,齐了。
写 CSS可自动添加 -webkit 等私有词缀,Ctrl+Alt+X触发。
Html格式化,右键Auto-Format Tags on Ducument。一般是用ctrl +Alt +F 触发,若触发不了,查看是不是html文件,是否选中,是否有快捷键冲突!
Clipboard History
剪贴板历史记录,显示更多历史复制,Ctrl+Shift+V触发。
SideBarEnhancements
侧栏右键功能增强,非常实用
Theme – Soda
完美的编码主题,用过的都说好,Setting user里面添加”theme”: “Soda Dark.sublime-theme”
GBK to UTF8
将文件编码从GBK转黄成UTF8,菜单 – File里面找
直接编辑 FTP 或 SFTP 服务器上的文件,绝对FTP浮云
集成一些WordPress的函数,对于像我这种经常要写WP模版和插件的人特别有用
整理排版PHP代码
YUI Compressor
压缩JS和CSS文件
函数跳转,我的电脑上是Alt+点击 函数名称,会跳转到相应的函数
注释插件,生成幽美的注释。标准的注释,包括函数名、参数、返回值等,并以多行显示,省去手动编写。
FTP ssh上传配置,安装成功配置一下host等就可以了!
安装成功之后,文件夹下面单击右键,map to remote 生成sftp-config.json文件,假如已经生成,点击 edit remote Mapping ,编辑sftp-config.json
&type&: &sftp&,
&save_before_upload&: true,
&upload_on_save&: false,//设置为true,保存上传
&sync_down_on_open&: false,
&sync_skip_deletes&: false,
&sync_same_age&: true,
&confirm_downloads&: false,
&confirm_sync&: true,
&confirm_overwrite_newer&: false,
&host&: &&,//设置服务器host
&user&: &username&,//设置服务器用户名
相关文章:
关键词搜索

我要回帖

更多关于 sublime text nodejs 的文章

 

随机推荐