最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

NodeJs——入門必看攻略

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

關于NPM:

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

一 NodeJs安裝與NPM管理

安裝

前往NodeJs官網(wǎng),下載安裝包直接安裝。同時NodeJs默認包含NPM模塊。后者需要更新到最新版本。-v 查看版本信息,有則安裝成功。某些版本不支持讀-v參數(shù)大小寫敏感,如報錯嘗試大寫-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在當前目錄下新建一個node_modules目錄,所下載的模塊存放在里面。

卸載

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

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

二 創(chuàng)建第一個NodeJs應用

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

首先下載express模塊

npm install -g express
express -V

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

npm install -g express-generator

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

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 字節(jié)
#        6 個目錄 161,019,293,696 可用字節(jié)*

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

npm install

如果沒有package.json文件,這一步會報錯:

npm ERR! install Couldn't read dependencies

npm ERR! Windows_NT 6.1.7601

可以通過npm ini 生成默認的。在這里,上面的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文件。值得一提的是,一個npm模塊package.json文件包含的信息遠比這里豐富。

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

至此,當前應用準備工作完成。啟動應用:

npm start

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

三 總結

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

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

相關文章

  • Angular限制input框輸入金額(是小數(shù)的話只保留兩位小數(shù)點)

    Angular限制input框輸入金額(是小數(shù)的話只保留兩位小數(shù)點)

    最近做項目遇到這樣的需求輸入框要求輸入金額,只能輸入數(shù)字,可以是小數(shù),必須保留小數(shù)點后兩位。下面分為兩部分代碼給大家介紹實現(xiàn)代碼,需要的的朋友參考下吧
    2017-07-07
  • 動態(tài)創(chuàng)建Angular組件實現(xiàn)popup彈窗功能

    動態(tài)創(chuàng)建Angular組件實現(xiàn)popup彈窗功能

    這篇文章主要介紹了動態(tài)創(chuàng)建angular組件實現(xiàn)popup彈窗,需要的朋友可以參考下
    2017-09-09
  • AngularJS指令與控制器之間的交互功能示例

    AngularJS指令與控制器之間的交互功能示例

    這篇文章主要介紹了AngularJS指令與控制器之間的交互功能,結合實例形式分析了AngularJS控制器調(diào)用相關指令操作技巧,需要的朋友可以參考下
    2016-12-12
  • AngularJS通過$sce輸出html的方法

    AngularJS通過$sce輸出html的方法

    不知道大家有沒有發(fā)現(xiàn)在用AngularJS作為前端搭建個人博客的時候,發(fā)現(xiàn)用AngularJs輸出html的時候,瀏覽器并不解析這些html標簽,這里我們需要其顯示angular輸出的html能被瀏覽器解析怎么辦呢?不知道Angularjs如何實現(xiàn)這種功能的通過這篇文章來看看吧。
    2016-09-09
  • angular中ui calendar的一些使用心得(推薦)

    angular中ui calendar的一些使用心得(推薦)

    下面小編就為大家?guī)硪黄猘ngular中ui calendar的一些使用心得(推薦)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-11-11
  • angularjs結合html5實現(xiàn)拖拽功能

    angularjs結合html5實現(xiàn)拖拽功能

    本篇文章給大家分享了angularjs結合html5實現(xiàn)拖拽功能的方法以及代碼實例,有興趣的朋友參考下。
    2018-06-06
  • AngularJS學習第一篇 AngularJS基礎知識

    AngularJS學習第一篇 AngularJS基礎知識

    這篇文章主要介紹了AngularJS學習第一篇,分享了有關AngularJS的基礎知識,主要包括指令、過濾器等,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-02-02
  • 淺談Angular 的變化檢測的方法

    淺談Angular 的變化檢測的方法

    這篇文章主要介紹了淺談Angular 的變化檢測的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-03-03
  • 基于AngularJS的簡單使用詳解

    基于AngularJS的簡單使用詳解

    下面小編就為大家?guī)硪黄贏ngularJS的簡單使用詳解。小編覺得挺不錯的,現(xiàn)在就想給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-09-09
  • Angular中AuthGuard路由守衛(wèi)的創(chuàng)建使用

    Angular中AuthGuard路由守衛(wèi)的創(chuàng)建使用

    這篇文章主要為大家介紹了Angular中AuthGuard路由守衛(wèi)的創(chuàng)建使用詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-07-07

最新評論

进贤县| 昭平县| 拉萨市| 司法| 平远县| 明水县| 泸州市| 滦平县| 宁安市| 丹东市| 德兴市| 宁陵县| 平江县| 无极县| 嘉定区| 祁门县| 吴川市| 嘉禾县| 榆社县| 巍山| 扎赉特旗| 宾阳县| 韶山市| 连江县| 田阳县| 都兰县| 弥渡县| 克拉玛依市| 丽江市| 正安县| 独山县| 临泉县| 扬州市| 克拉玛依市| 清苑县| 措勤县| 伊宁市| 河源市| 修文县| 黎川县| 长葛市|