学习nodejs,需要一个好的开发工具,并不想用无智能提示和不友好格式的记事本编写

1. 从www.nodejs.org下载nodejs并安装到指定的目录。

2. 下载一个开发工具, 可以选择webstorm,Eclipse,sublime2,等等。 webstorm的提示和自动完成功能比较好, sublime text2有很多插件可以用,git、svn、自动对齐、命令行, 它本来是一个编辑器。 由于可以集成很多插件,我这儿选择了sublime。 下面介绍如何用sublime工具编写Nodejs代码。

1) 下载sublime并安装,下载列表:http://www.sublimetext.com/2

2) 下载sublime的nodejs插件,需是集成Nodejs插件到sublime中,下载地址:https://github.com/tanepiper/SublimeText-Nodejs

3)   解压zip文件, 并重命名文件夹“Nodejs”

4)   打开sublime,操作"preference" --> "Browse packages", 打开一个目录,这个目录是众多语言IDE插件的存放地。

5)   复制”Nodejs“文件夹到这个目录。  这样就可以了吗? 酱样子还不行,还要更改配置文件。

6)   打开Nodejs文件夹,找到文件“Nodejs.sublime-build”, 拖拽到sublime,显示:

  1. {
  2. "cmd": ["node", "$file"],
  3. "file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",
  4. "selector": "source.js",
  5. "shell":true,
  6. "encoding": "cp1252",
  7. "windows":
  8. {
  9. "cmd": ["taskkill /F /IM node.exe & node", "$file"]
  10. },
  11. "linux":
  12. {
  13. "cmd": ["killall node; node", "$file"]
  14. }
  15. }

需要更改上面标注的地方, 要更改encoding为GB2312或者utf8,如果不更改此属性可能导致build nodejs代码时终端显示乱码。

第二个标注,如果去掉taskkill /F /IM node.exe  ,在每次build,都会生成一个node.exe进程。 这样太可怕了。 我这儿改成"cmd": ["taskkill","/F", "/IM", "node.exe","&","node", "$file"] 。 如;

  1. {
  2. "cmd": ["node", "$file"],
  3. "file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",
  4. "selector": "source.javascript",
  5. "shell":true,
  6. "encoding": "GB2312",
  7. "windows":
  8. {
  9. "cmd": ["taskkill","/F", "/IM", "node.exe","&","node", "$file"]
  10. },
  11. "linux":
  12. {
  13. "cmd": ["killall node; node", "$file"]
  14. }
  15. }

7)  要用sublime打开文件“Nodejs.sublime-settings” 或者 设置“preference” --》 “package settings” --》 “Nodejs”  --》“setting-default” 打开文件并 更改成:

  1. {
  2. // save before running commands
  3. "save_first": true,
  4. // if present, use this command instead of plain "node"
  5. // e.g. "/usr/bin/node" or "C:\bin\node.exe"
  6. // e.g. "/usr/bin/node" or "C:\bin\node.exe"
  7. "node_command": "D:\\ProgramFiles\nodejs\node.exe",  //是Nodejs安装目录
  8. // Same for NPM command
  9. "npm_command": "D:\\ProgramFiles\nodejs\npm.cmd",同上。
  10. // as 'NODE_PATH' environment variable for node runtime
  11. //"node_path": false,
  12. "expert_mode": false,
  13. "ouput_to_new_tab": false
  14. }

配置完成,

3.  验证,复制下面代码 到sublime一个新建文件中。 并Ctrl+ b 编译这段代码。 即时窗口显示:Server running at http://127.0.0.1:80/  ,然后打开浏览器敲入这个地址并显示内容hello nodejs  。 这是一个简单的站点发布。

  1. var http = require('http');
  2. var os = require('os');
  3. http.createServer(function (request, response) {
  4. response.writeHead(200, {'Content-Type': 'text/plain'});
  5. response.end('Hello nodejs\n');
  6. }).listen(80);
  7. console.log('Server running at http://127.0.0.1:80/');

备注: 希望sublime智能提示,新建一个文件并保存*.js,然后开始编辑javascript代码,智能提示就显示出来了。

Nodejs-搭建Nodejs开发环境的更多相关文章

  1. 【原创】windows下搭建vue开发环境+IIS部署

    [原创]win10下搭建vue开发环境  如果要转发,请注明原作者和原产地,谢谢! 特别说明:下面任何命令都是在windows的命令行工具下进行输入,打开命令行工具的快捷方式如下图:     详细的安 ...

  2. windows下搭建vue开发环境+IIS部署

    原创]win10下搭建vue开发环境  https://www.cnblogs.com/ixxonline/p/6007885.html 特别说明:下面任何命令都是在windows的命令行工具下进行输 ...

  3. 基于ionic4、cordova搭建android开发环境

    前颜(yan)最近公司有一个项目需求是利用h5进行跨平台开发,这里所说的跨平台开发指的是:将h5代码利用某种方式或工具环境进行打包,最后生成android的apk以及ios的ipa. 本文只讲解and ...

  4. 搭建ionic3-angular5 开发环境并打包成安卓apk包教程

    安装node.js 搭建ionic3-angular5 开发环境,首先查看本地电脑是否安装node环境,打开终端,输入 命令: node -v 没有去安装nodejs  网址:http://nodej ...

  5. ReactNative: 搭建ReactNative开发环境

    搭建ReactNative开发环境 不废话,具体步骤如下: 一.安装需要的软件 1.Homebrew Homebrew, Mac系统的包管理器,用于安装NodeJS和一些其他必需的工具软件. /usr ...

  6. 使用Visual Studio Code + Node.js搭建TypeScript开发环境

    Visual Studio Code搭建Typescript开发环境 —— 相关文章: http://www.cnblogs.com/sunjie9606/p/5945540.html [注意:这里仅 ...

  7. 十分钟上手-搭建vue开发环境(新手教程)

    想写一些关于vue的文章已经很久了,因为这个框架已经火了很久,在公司里用的框架都比较老旧,但怎么也得跟上前端发展变化的潮流,这不,开始使用vue开发项目了,一遍开发一边踩坑中,今天要记录的是五分钟搭建 ...

  8. 1.WIN10下搭建vue开发环境

    WIN10下搭建vue开发环境 详细的安装步骤如下: 一.安装node.js 说明:安装node.js的windows版本后,会自动安装好node以及包管理工具npm,我们后续的安装将依赖npm工具. ...

  9. 使用 VS Code 搭建 TypeScript 开发环境

    使用 VS Code 搭建 TypeScript 开发环境 TypeScript 是 JavaScript 的超集,TypeScript 只是增强了 JavaScript 而非改变了 JavaScri ...

  10. 搭建vue开发环境的步骤,六步完成

    搭建vue开发环境的步骤,其实也挺简单的,之前这环境的配置也困扰着我一:在搭建vue的开发环境之前,一定一定要先下载node.js,vue的运行是要依赖于node的npm的管理工具来实现,下载地址:h ...

随机推荐

  1. NYOJ之Binary String Matching

    Binary String Matching 时间限制:3000 ms  |  内存限制:65535 KB 难度:3 描述     Given two strings A and B, whose a ...

  2. spring刚开始学习搭建

    下载的软件包地址: http://repo.springsource.org/libs-release-local/org/springframework/spring 用maven进行快速开始: h ...

  3. 20145206《Java程序设计》第9周学习总结

    20145206 <Java程序设计>第9周学习总结 教材学习内容总结 第十六章 整合数据库 JDBC是用于执行SQL的解决方案,开发人员使用JDBC的标准接口,数据库厂商则对接口进行操作 ...

  4. linux后台运行和关闭、查看后台任务

    转自:http://www.cnblogs.com/kaituorensheng/p/3980334.html fg.bg.jobs.&.nohup.ctrl+z.ctrl+c 命令 一.&a ...

  5. 七牛---以一个七牛上传的实例小结下AJAX跨域【转】

    http://blog.csdn.net/netdxy/article/details/50699842 使用七牛过程中,很多用户或多或少遇到跨域的问题,这篇文章主要介绍下跨域的概念来看什么情况下会出 ...

  6. ASP.NET MVC 使用带有短横线的html Attributes(转载)

    转载地址:http://www.nmtree.net/2013/10/25/asp-net-mvc-use-dash-in-html-attributes.html 情景再现 我们常常需要一个文本框来 ...

  7. My97DatePicker使用技巧

    My97DatePicker使用是很常用的控件,总结一下常用使用技巧: 1.onpicked是事件,也就选择日期之后触发事件: 2.isShowClear:是否显示清理按钮: 3.maxDate:最大 ...

  8. 在ASP.NET 5项目中使用和调试外部源代码包

    (此文章同时发表在本人微信公众号"dotNET每日精华文章",欢迎右边二维码来关注.) 题记:由于在ASP.NET 5中,项目依赖都是通过"包"来引用,所以使用 ...

  9. C# 拓展方法

    /// <summary> /// 扩展类 /// </summary> public static class Extend { /// <summary> // ...

  10. linux下vim配置以及一些常用的快捷键

    一些常用的vim编辑器快捷键: h」.「j」.「k」.「l」,分别控制光标左.下.上.右移一格. 按「ctrl」+「b」:屏幕往“后”移动一页. 按「ctrl」+「f」:屏幕往“前”移动一页. 按「c ...