• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >AngularJS > NodeJs——入门必看攻略

NodeJs——入门必看攻略

作者: 字体:[增加 减小] 来源:互联网 时间:2017-05-30

本文主要包含nodejs入门,nodejs入门经典pdf,nodejs入门书籍,nodejs入门到精通,nodejs入门经典等相关知识,希望在学习及工作中可以帮助到您

关于NPM:

npm 是 nodejs 的包管理和分发工具。它可以让 javascript 开发者能够更加轻松的共享代码和共用代码片段,并且通过 npm 管理你分享的代码也很方便快捷和简单。

一 NodeJs安装与NPM管理

安装

前往NodeJs官网,下载安装包直接安装。同时NodeJs默认包含NPM模块。后者需要更新到最新版本。-v 查看版本信息,有则安装成功。某些版本不支持读-v参数大小写敏感,如报错尝试大写-V.

node -v
v4.4.4
npm -v
2.15.1
</div>

更新npm模块

node install npm -g
</div>

-g 参数代表全局安装,windows下所有安装的模块文件一般存放在node安装目录下或C:\Users\Administrator\AppData\Roaming缓存目录下。
 去掉-g 本地安装,npm在当前目录下新建一个node_modules目录,所下载的模块存放在里面。

卸载

通过uninstall从node_modules目录下删除模块

#本地卸载
npm uninstall <name> 
#全局卸载
npm uninstall <name> -g
</div>

二 创建第一个NodeJs应用

使用express模块创建应用。

首先下载express模块

npm install -g express
express -V
</div>

同理,检查是否安装成功。还有两个参数:-e或--ejs;-J或--jshtml。含义:
-e, --ejs add ejs engine support 添加ejs模块引擎支撑

-J, --jshtml add jshtml engine support (defaults to jade) 添加jshtml模板引擎支撑

新版本express中不支持cmd命令行,所以上面express -V会报错: 不是内部或外部命令,需下载express-generator

npm install -g express-generator

然后可以全局使用express命令了,随便选择一个文件夹(F:\Project\Nodejs)下创建应用:

express hello_world

cd hello_world 进入项目

cd hello_world
# 查看目录结构
dir
#像这样
# 2016/06/26 14:43  <DIR>     .
# 2016/06/26 14:43  <DIR>     ..
# 2016/06/26 01:41       1,442 app.js
# 2016/06/26 01:41  <DIR>     bin
# 2016/06/26 01:41        331 package.json
# 2016/06/26 01:41  <DIR>     public
# 2016/06/26 01:41  <DIR>     routes
# 2016/06/26 01:41  <DIR>     views
#        2 个文件     1,773 字节
#        6 个目录 161,019,293,696 可用字节*
</div>

注意这里有一个package.json文件,里面dependencies属性指定了当前项目依赖的模块。启动之前,需要执行npm install下载他们:

npm install

如果没有package.json文件,这一步会报错:

npm ERR! install Couldn't read dependencies

npm ERR! Windows_NT 6.1.7601
</div>

可以通过npm ini 生成默认的。在这里,上面的express hello_world命令内部已经调用该命令,生成文件内容类似这样:

{
 "name": "hello_world",
 "version": "0.0.0",
 "private": true,
 "scripts": {
  "start": "node ./bin/www"
 },
 "dependencies": {
  "body-parser": "~1.15.1",
  "cookie-parser": "~1.4.3",
  "debug": "~2.2.0",
  "express": "~4.13.4",
  "jade": "~1.11.0",
  "morgan": "~1.7.0",
  "serve-favicon": "~2.3.0"
 }
}
</div>

也可以安装上面的模板,收到创建该package.json文件。值得一提的是,一个npm模块package.json文件包含的信息远比这里丰富。

等待依赖库下载完成。完成后多一个node_modules文件夹用于保存依赖库。

至此,当前应用准备工作完成。启动应用:

npm start

浏览器中输入127.0.0.1::3000(默认端口)访问

三 总结

个人经验,希望能给从零到创建一个nodeJs应用的同学提供参考。

以上就是小编为大家带来的NodeJs——入门必看攻略全部内容了,希望大家多多支持~

</div>

您可能想查找下面的文章:

  • NodeJs——入门必看攻略

相关文章

  • 2017-05-30Angular JS 生成动态二维码的方法
  • 2017-05-30AngularJS入门教程之ng-class 指令用法
  • 2017-05-30angularjs创建弹出框实现拖动效果
  • 2017-05-30AngularJS路由实现页面跳转实例
  • 2017-05-30使用ngView配合AngularJS应用实现动画效果的方法
  • 2017-05-30详解angular中通过$location获取路径(参数)的写法
  • 2017-05-30详解Angular 4.x 动态创建组件
  • 2017-05-30用Angular实时获取本地Localstorage数据,实现一个模拟后台数据登入的效果
  • 2017-05-30AngularJS打开页面隐藏显示表达式用法示例
  • 2017-05-30AngularJS入门教程(零):引导程序

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • AngularJS监听路由的变化示例代码
    • 详解Angularjs中的依赖注入
    • Angularjs使用指令做表单校验的方法
    • AngularJS HTML DOM详解及示例代码
    • Angular2下使用pdf插件的方法详解
    • Angularjs之filter过滤器(推荐)
    • AngularJS基于ui-route实现深层路由的方法【路由嵌套】
    • Angular2数据绑定详解
    • angular学习之ngRoute路由机制
    • 基于AngularJs + Bootstrap + AngularStrap相结合实现省市区联动代码

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有