Nodejs-搭建Nodejs开发环境
学习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,显示:
- {
- "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": ["killall node; node", "$file"]
- }
- }
需要更改上面标注的地方, 要更改encoding为GB2312或者utf8,如果不更改此属性可能导致build nodejs代码时终端显示乱码。
第二个标注,如果去掉taskkill /F /IM node.exe ,在每次build,都会生成一个node.exe进程。 这样太可怕了。 我这儿改成"cmd": ["taskkill","/F", "/IM", "node.exe","&","node", "$file"] 。 如;
- {
- "cmd": ["node", "$file"],
- "file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",
- "selector": "source.javascript",
- "shell":true,
- "encoding": "GB2312",
- "windows":
- {
- "cmd": ["taskkill","/F", "/IM", "node.exe","&","node", "$file"]
- },
- "linux":
- {
- "cmd": ["killall node; node", "$file"]
- }
- }
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"
- // e.g. "/usr/bin/node" or "C:\bin\node.exe"
- "node_command": "D:\\ProgramFiles\nodejs\node.exe", //是Nodejs安装目录
- // Same for NPM command
- "npm_command": "D:\\ProgramFiles\nodejs\npm.cmd",同上。
- // as 'NODE_PATH' environment variable for node runtime
- //"node_path": false,
- "expert_mode": false,
- "ouput_to_new_tab": false
- }
配置完成,
3. 验证,复制下面代码 到sublime一个新建文件中。 并Ctrl+ b 编译这段代码。 即时窗口显示:Server running at http://127.0.0.1:80/ ,然后打开浏览器敲入这个地址并显示内容hello nodejs 。 这是一个简单的站点发布。
- var http = require('http');
- var os = require('os');
- http.createServer(function (request, response) {
- response.writeHead(200, {'Content-Type': 'text/plain'});
- response.end('Hello nodejs\n');
- }).listen(80);
- console.log('Server running at http://127.0.0.1:80/');
备注: 希望sublime智能提示,新建一个文件并保存*.js,然后开始编辑javascript代码,智能提示就显示出来了。
Nodejs-搭建Nodejs开发环境的更多相关文章
- 【原创】windows下搭建vue开发环境+IIS部署
[原创]win10下搭建vue开发环境 如果要转发,请注明原作者和原产地,谢谢! 特别说明:下面任何命令都是在windows的命令行工具下进行输入,打开命令行工具的快捷方式如下图: 详细的安 ...
- windows下搭建vue开发环境+IIS部署
原创]win10下搭建vue开发环境 https://www.cnblogs.com/ixxonline/p/6007885.html 特别说明:下面任何命令都是在windows的命令行工具下进行输 ...
- 基于ionic4、cordova搭建android开发环境
前颜(yan)最近公司有一个项目需求是利用h5进行跨平台开发,这里所说的跨平台开发指的是:将h5代码利用某种方式或工具环境进行打包,最后生成android的apk以及ios的ipa. 本文只讲解and ...
- 搭建ionic3-angular5 开发环境并打包成安卓apk包教程
安装node.js 搭建ionic3-angular5 开发环境,首先查看本地电脑是否安装node环境,打开终端,输入 命令: node -v 没有去安装nodejs 网址:http://nodej ...
- ReactNative: 搭建ReactNative开发环境
搭建ReactNative开发环境 不废话,具体步骤如下: 一.安装需要的软件 1.Homebrew Homebrew, Mac系统的包管理器,用于安装NodeJS和一些其他必需的工具软件. /usr ...
- 使用Visual Studio Code + Node.js搭建TypeScript开发环境
Visual Studio Code搭建Typescript开发环境 —— 相关文章: http://www.cnblogs.com/sunjie9606/p/5945540.html [注意:这里仅 ...
- 十分钟上手-搭建vue开发环境(新手教程)
想写一些关于vue的文章已经很久了,因为这个框架已经火了很久,在公司里用的框架都比较老旧,但怎么也得跟上前端发展变化的潮流,这不,开始使用vue开发项目了,一遍开发一边踩坑中,今天要记录的是五分钟搭建 ...
- 1.WIN10下搭建vue开发环境
WIN10下搭建vue开发环境 详细的安装步骤如下: 一.安装node.js 说明:安装node.js的windows版本后,会自动安装好node以及包管理工具npm,我们后续的安装将依赖npm工具. ...
- 使用 VS Code 搭建 TypeScript 开发环境
使用 VS Code 搭建 TypeScript 开发环境 TypeScript 是 JavaScript 的超集,TypeScript 只是增强了 JavaScript 而非改变了 JavaScri ...
- 搭建vue开发环境的步骤,六步完成
搭建vue开发环境的步骤,其实也挺简单的,之前这环境的配置也困扰着我一:在搭建vue的开发环境之前,一定一定要先下载node.js,vue的运行是要依赖于node的npm的管理工具来实现,下载地址:h ...
随机推荐
- Android -- getQuantityString无效
原文:http://www.xuebuyuan.com/1510993.html 原因:中文没有复数语法.
- WebService – 2.动态调用WebService
在本节课程中,将演示如何通过程序动态添加.调用.编译.执行WebService并返回结果. WebService动态调用示意图 WebService相关知识 代码文档对象模型CodeDom的使用 编程 ...
- MVC - 10.CodeFrist
微软示例 1.(对新数据库使用 Code First):http://msdn.microsoft.com/zh-cn/data/jj193542 2.(连接和模型):http://msdn.micr ...
- DC/DC与LDO的差别
转自:http://bbs.eetop.cn/thread-459121-1-1.html 在平时的学习中,我们都有接触LDO和DC/DC这一类的电源产品,但作为学生的我们队这些东西可能了解不够深刻, ...
- APP消息推送:通知和透传
目前市场上的消息推送方式有两种:通知和透传.什么是透传?透传即是透明传送,即传送网络无论传输业务如何,只负责将需要传送的业务传送到目的节点,同时保证传输的质量即可,而不对传输的业务进行处理.透传消息, ...
- 机器学习系列:python
工欲善其事,必先利其器! 机器学习的理论需要有编程语言才能得以实现,我选择 python 作为编程语言,网络上有篇不错的教程:python 初级教程:入门详解. 转载自http://ww ...
- 跟着鸟哥学Linux系列笔记0-如何解决问题
跟着鸟哥学Linux系列笔记0-扫盲之概念 在发生问题怎么处理: 1. 在自己的主机.网络数据库上查询How-To或FAQ -Linux 自身的文件数据: /usr/share/doc -CLDP中 ...
- 自己制作QQ空间音乐的具体方法
1.打开QQ邮箱找到左栏下方的“文件中转站”--点击收藏文件--上传到收藏 将MP3或WMA音乐文件上传 上传完成点下载 下图: 2.点“保存”将最上面一排的地址全部复制 下图 3.为了更 ...
- ORB特征点检测
Oriented FAST and Rotated BRIEF www.cnblogs.com/ronny 这篇文章我们将介绍一种新的具有局部不变性的特征 -- ORB特征,从它的名字中可以看出它 ...
- Codeforces Round #276 (Div. 1) E. Sign on Fence 二分+主席树
E. Sign on Fence Bizon the Champion has recently finished painting his wood fence. The fence consi ...