Ubuntu下Node.js开发起步之旅
因为忙其它的事,把Node.js的学习放下了快两个月了,世事变化还真快,发现很多东东都改变了,express已经升级到4.x了,变化还不小!
我原来的学习过程是在VirtualBox中安装Ubuntu.12.04amd64,心血来潮,想换成Ubuntu.14.04amd64,发现装不上,转念一想,是不是VirtualBox该升级了!把VirtaulBox升级到最新4.3.12 r93733还真可以了,呵呵!
下面把环境的建立过程,以及相关问题记录如下:
1、建立虚拟目录,把win7下的目录映射到Ubuntu中,因为相关软件都是在win7下下载的!使用命令 mount -t vboxsf UbtShare /mnt/UbtShare
2、安装node,我是下载的二进制包,直接解压到主目录,更名为node,然后建立软链接: ln -s /home/zhoutk/node/bin/node /usr/bin/node;同样建立npm的软链接:ln -s /home/zhoutk/node/bin/npm /usr/bin/npm。
这有个小问题,虽然npm可以执行了,但其相应的配置文件还未建立,这时使用命令 npm config edit时会出错,解决方法,可以使用下面命令在修改镜像服务器源的同时生成配置文件: npm config set registry http://registry.cnpmjs.org,可用命令 npm info underscore 进行验证。
3、我使用webstorm编辑器,这使用了java,因此需要安装jdk。两个月前,我用的是webstorm 7,只需要修改~/.profile就可以了。现在我用的是webstorm 8,竟然一直提示我找不到jdk!郁闷,不断google,不断试验后发现,需要把 /etc/environment也做相应的修改才行,修改如下:
PATH=“……:/usr/lib/jvm/jdk1.7.0_60/bin” CLASSPATH=.:/usr/lib/jvm/jdk1.7.0_60/lib
JAVA_HOME=/usr/lib/jvm/jdk1.7.0_60
4、安装express:因为express 4.x已经把命令行工具分离了出来,因此只需要全局安装这个工具: npm install -g express-generator
就可以使用 express -e blog来建立工程了,-e参数是指使用ejs引擎,呵呵,这个参数也变了! 几个npm命令: npm -d install (安装包检查) npm udate(更新,可用来进行修复安装包) npm start (项目启动,不再是node app)
5、使用webstorm时,同时在ubuntu与win7_64下不断试验,ubuntu下webstorm会菜单中会有中文乱码,解决方法如下:File->settings->appearance下UI Options,勾选Override default fonts by ... 我选Wen Quan Yi Micro Hei 。即这个问题是因为默认字体不支持中文的原因造成的。
6.我使用的ejs模板,对javascript文件的引用必须这个写:<script src=""></script>;不能简化成<script src="" />,这个问题把我折腾得好苦。
7.webstorm对express的智能提示有问题,这样解决:File->settings->javascript->Libraries 下点击 download按钮,选TypeScript community stubs,在选择中可以找到express。或者直接到 https://github.com/borisyankov/DefinitelyTyped 去下类型定义文件。
8.同一个页面内的所有操作,都交由angular掌控,进行页面跳转,需在express(res.redirect)中与angular($window.location='/';)中都要写上才能正常;这我也是试了好久才确定的。
9.angular的版本区别:1.0到1.2要注意,angular把ngRoute单独出来了,现在网上的源代码大都是基于1.0.*的,若你在用最新的angular进行学习,很多时候出错是因为这个原因。如何解决,自己上官网去看升级办法,很简单。
好了,就记得这么多了,要是能想起,过后再补。
Ubuntu下Node.js开发起步之旅的更多相关文章
- Windows下Node.js开发环境搭建-合适的开发环境
1)生产环境中的Node.js应用 Windows + Linus 2)虚拟机工具 VirtualBox 虚拟机CentOS安装 3)xShell与xFtp(windows到linux文件传输) 4) ...
- ubuntu下Node.js环境搭建
Node.js是一个能够在服务器端运行JavaScript的开放源代码.跨平台JavaScript运行环境.Node.js由Node.js基金会持有和维护,并与Linux基金会有合作关系.Node.j ...
- ubuntu下node.js 环境搭建
由于使用gulp.js来对前端项目进行管理,所以搭建了node.js的环境 首先, 需要安装node, npm 去官网下载安装包,解压后放到你的安装的目录.在这里我的是/opt/node-v6.11. ...
- Windows下Node.js开发环境搭建
1.http://nodejs.org/下载node.js运行环境安装 2.打开DOS命令行 .安装express框架 1 >npm install express 末尾显示如下为安装成功 .安 ...
- Windows 下Node.js开发环境配置
第一步:安装VirtualBox(以管理员身份安装) 1.安装完成后,打开VirtualBox,点击“新建”按钮,输入信息,“下一步”(名称可任意) 2.设置内存为1024MB,“下一步”—>“ ...
- Windows 下 Node.js 开发环境搭建
1.利用CentOS Linux系统自带的yum命令安装.升级所需的程序库: sudo -s LANG=C yum -y install gcc gcc-c++ autoconf libjpeg li ...
- 《Node.js入门》CentOS 6.5下Node.js Web开发环境搭建笔记
近期想尝试一下英特尔的基于WebRTC协同通信开发套件,所以须要在本地搭建Node.js Web的开发測试环境. 这里讲的是CentOS 下的搭建方法.使用Windows的小伙伴请參考: <No ...
- mac下配置Node.js开发环境、express安装、创建项目
mac下配置Node.js开发环境.express安装.创建项目 一.node.js的安装 去官网下载对应的平台版本就可以了,https://nodejs.org 二.express安装 sudo n ...
- 快速搭建 Node.js 开发环境以及加速 npm
如何快速搭建 node 开发环境 npm 超慢 github 无法打开的问题 于是我觉得应该写一篇文章解答所有这些起步问题,让新同学也能顺顺利利入门. 快速搭建 Node.js 开发环境 如果你想长期 ...
随机推荐
- Codeforces Round #412 (rated, Div. 2, base on VK Cup 2017 Round 3) A B C D 水 模拟 二分 贪心
A. Is it rated? time limit per test 2 seconds memory limit per test 256 megabytes input standard inp ...
- Codeforces Round #405 (rated, Div. 2, based on VK Cup 2017 Round 1)A B C 水 并查集 思路
A. Bear and Big Brother time limit per test 1 second memory limit per test 256 megabytes input stand ...
- bash shell输出颜色
http://note.youdao.com/noteshare?id=9de6d5fac6380447df112dff5bc404a1
- 「Python-Django」django 实现将本地图片存入数据库,并能显示在web上
1. 将图片存入数据库 关于数据库基本操作的学习,请参见这一篇博客:https://www.cnblogs.com/leejy/p/6745186.html 这里我默认,您已经会了基本操作,能在数据库 ...
- rabbitmq常见运维命令和问题总结
常见运维命令作用: yum安装erlang的环境配置: ERLANG_HOME=/usr/lib64/erlang export PATH=$PATH:$ERLANG_HOME/bin 常见rabbi ...
- 使用JavaScript实现使用鼠标画线的效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- 【BZOJ】2125: 最短路 圆方树(静态仙人掌)
[题意]给定带边权仙人掌图,Q次询问两点间最短距离.n,m,Q<=10000 [算法]圆方树处理仙人掌问题 [题解]树上的两点间最短路问题,常用倍增求LCA解决,考虑扩展到仙人掌图. 先对仙人掌 ...
- 旋转3D立方体
<!DOCTYPE html><html><head> <title>css-3d-盒子</title> <meta charset= ...
- 关于angularJS的一些用法
AngularJS 事件指令: ng-click/dblclick ng-mousedown/up ng-mouseenter/leave ng-mousemove/over/out ng-keydo ...
- koa源码阅读[1]-koa与koa-compose
接上次挖的坑,对koa2.x相关的源码进行分析 第一篇.不得不说,koa是一个很轻量.很优雅的http框架,尤其是在2.x以后移除了co的引入,使其代码变得更为清晰. express和koa同为一批人 ...