亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

NodeJs——入門必看攻略

 更新時(shí)間:2016年06月27日 08:52:10   投稿:jingxian  
下面小編就為大家?guī)硪黄狽odeJs——入門必看攻略。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧

關(guān)于NPM:

npm 是 nodejs 的包管理和分發(fā)工具。它可以讓 javascript 開發(fā)者能夠更加輕松的共享代碼和共用代碼片段,并且通過 npm 管理你分享的代碼也很方便快捷和簡(jiǎn)單。

一 NodeJs安裝與NPM管理

安裝

前往NodeJs官網(wǎng),下載安裝包直接安裝。同時(shí)NodeJs默認(rèn)包含NPM模塊。后者需要更新到最新版本。-v 查看版本信息,有則安裝成功。某些版本不支持讀-v參數(shù)大小寫敏感,如報(bào)錯(cuò)嘗試大寫-V.

node -v
v4.4.4
npm -v
2.15.1

更新npm模塊

node install npm -g

-g 參數(shù)代表全局安裝,windows下所有安裝的模塊文件一般存放在node安裝目錄下或C:\Users\Administrator\AppData\Roaming緩存目錄下。
 去掉-g 本地安裝,npm在當(dāng)前目錄下新建一個(gè)node_modules目錄,所下載的模塊存放在里面。

卸載

通過uninstall從node_modules目錄下刪除模塊

#本地卸載
npm uninstall <name> 
#全局卸載
npm uninstall <name> -g

二 創(chuàng)建第一個(gè)NodeJs應(yīng)用

使用express模塊創(chuàng)建應(yīng)用。

首先下載express模塊

npm install -g express
express -V

同理,檢查是否安裝成功。還有兩個(gè)參數(shù):-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會(huì)報(bào)錯(cuò): 不是內(nèi)部或外部命令,需下載express-generator

npm install -g express-generator

然后可以全局使用express命令了,隨便選擇一個(gè)文件夾(F:\Project\Nodejs)下創(chuàng)建應(yīng)用:

express hello_world

cd hello_world 進(jìn)入項(xiàng)目

cd hello_world
# 查看目錄結(jié)構(gòu)
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 個(gè)文件     1,773 字節(jié)
#        6 個(gè)目錄 161,019,293,696 可用字節(jié)*

注意這里有一個(gè)package.json文件,里面dependencies屬性指定了當(dāng)前項(xiàng)目依賴的模塊。啟動(dòng)之前,需要執(zhí)行npm install下載他們:

npm install

如果沒有package.json文件,這一步會(huì)報(bào)錯(cuò):

npm ERR! install Couldn't read dependencies

npm ERR! Windows_NT 6.1.7601

可以通過npm ini 生成默認(rèn)的。在這里,上面的express hello_world命令內(nèi)部已經(jīng)調(diào)用該命令,生成文件內(nèi)容類似這樣:

{
 "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"
 }
}

也可以安裝上面的模板,收到創(chuàng)建該package.json文件。值得一提的是,一個(gè)npm模塊package.json文件包含的信息遠(yuǎn)比這里豐富。

等待依賴庫下載完成。完成后多一個(gè)node_modules文件夾用于保存依賴庫。

至此,當(dāng)前應(yīng)用準(zhǔn)備工作完成。啟動(dòng)應(yīng)用:

npm start

瀏覽器中輸入127.0.0.1::3000(默認(rèn)端口)訪問

三 總結(jié)

個(gè)人經(jīng)驗(yàn),希望能給從零到創(chuàng)建一個(gè)nodeJs應(yīng)用的同學(xué)提供參考。

以上就是小編為大家?guī)淼腘odeJs——入門必看攻略全部?jī)?nèi)容了,希望大家多多支持腳本之家~

相關(guān)文章

  • 前后端如何實(shí)現(xiàn)登錄token攔截校驗(yàn)詳解

    前后端如何實(shí)現(xiàn)登錄token攔截校驗(yàn)詳解

    這篇文章主要給大家介紹了關(guān)于前后端如何實(shí)現(xiàn)登錄token攔截校驗(yàn)的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2018-09-09
  • AngularJS實(shí)現(xiàn)多級(jí)下拉框

    AngularJS實(shí)現(xiàn)多級(jí)下拉框

    這篇文章主要為大家詳細(xì)介紹了AngularJS實(shí)現(xiàn)多級(jí)下拉框,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-03-03
  • angularjs $http調(diào)用接口的方式詳解

    angularjs $http調(diào)用接口的方式詳解

    今天小編就為大家分享一篇angularjs $http調(diào)用接口的方式詳解,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2018-08-08
  • AngularJS實(shí)現(xiàn)星星等級(jí)評(píng)分功能

    AngularJS實(shí)現(xiàn)星星等級(jí)評(píng)分功能

    這篇文章主要為大家詳細(xì)介紹了AngularJS實(shí)現(xiàn)星星等級(jí)評(píng)分功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-09-09
  • 詳解如何為你的angular app構(gòu)建一個(gè)第三方庫

    詳解如何為你的angular app構(gòu)建一個(gè)第三方庫

    這篇文章主要介紹了詳解如何為你的angular app構(gòu)建一個(gè)第三方庫,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-12-12
  • 淺談angular懶加載的一些坑

    淺談angular懶加載的一些坑

    下面小編就為大家?guī)硪黄獪\談angular懶加載的一些坑。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-08-08
  • Angular實(shí)現(xiàn)下載安裝包的功能代碼分享

    Angular實(shí)現(xiàn)下載安裝包的功能代碼分享

    本文通過實(shí)例代碼給大家介紹了angular實(shí)現(xiàn)下載安裝包的功能以及基于angularjs代碼實(shí)現(xiàn)錨點(diǎn)跳轉(zhuǎn)的功能,需要的朋友參考下吧
    2017-09-09
  • Angular.JS利用ng-disabled屬性和ng-model實(shí)現(xiàn)禁用button效果

    Angular.JS利用ng-disabled屬性和ng-model實(shí)現(xiàn)禁用button效果

    這篇文章主要介紹了Angular.JS利用ng-disabled屬性和ng-model實(shí)現(xiàn)禁用button效果的相關(guān)資料,文中給出了詳細(xì)的示例代碼,相信對(duì)大家具有一定的參考價(jià)值,需要的朋友們下面來一起看看吧。
    2017-04-04
  • 詳解在Angular4中使用ng2-baidu-map的方法

    詳解在Angular4中使用ng2-baidu-map的方法

    這篇文章主要介紹了在Angular4中使用ng2-baidu-map的方法,本文分步驟給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2019-06-06
  • AngularJS中controller控制器繼承的使用方法

    AngularJS中controller控制器繼承的使用方法

    這篇文章主要介紹了AngularJS中controller控制器繼承的使用方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-11-11

最新評(píng)論