一直以來,作為前端開發,在公司都是先寫好頁面,然后再跟后端合作,將數據填入前端頁面中,但是偶爾自己閑來無事,也會看一些框架什么的,然后利用框架做個單頁面應用啊,app什么的,這時候頁面的數據總是一些假數據,而關于數據請求的部分就沒辦法做(因為沒有后臺嘛)。所以我感覺是時候學習一下node了,這對于我以后要學的webpack,前端工程化等也有一定幫助。
作為前端,因為經常用到gulp,webpack等工具,所以我們最常見到的是npm和package.json,所以先總結一下它們倆。
npm
初始化
$ npm initor$ npm init --y
在做前端開發的時候,我們經常會用到構建工具,例如gulp,webpack等,為了讓別人也可以參與進來,我們需要告訴別人項目有些什么依賴包,然后讓別人也安裝同樣的依賴包,而npm init產生的package.json就是用來記錄我們項目中的依賴的,同樣的,在做node開發的時候,也會用刀依賴包,同樣需要package.json記錄。
在終端輸入npm init會詢問package.json的各種信息,從而確認。如果全部使用默認值,可以直接在終端輸入npm init --y快速生成package.json。
安裝依賴包
$ npm install <package name> <package name> ...$ npm install <package name> -g$ npm install <package name> --save$ npm install <package name> --save-dev$ npm install <pacakage name> --O //--save-optional -B: --save-bundle -E: --save-exact
npm install <package name> -g 表示全局安裝,需要注意的是全局模式并不是將一個模塊安裝包安裝為一個全局包的意思,它并不意味著可以從任何地方通過require()來引用,-g的含義是將一個包安裝為全局可用的可執行命令。這意味著,所有通過-g安裝的包都可以在終端以命令方式運行,例如gulp,webpack等。
--save與--save-dev的區別在于前者是生產環境中項目運行需要的依賴,安裝后被記錄在package.json中的dependencies關鍵字下;而后者是開發時候需要的依賴,安裝后被記錄在devDependencies關鍵字下。
同樣--O/B/E分別會被記錄到對應的關鍵字下。
更新依賴包
$ npm update$ npm update -g$ npm outdated$ npm outdated -g
在項目目錄下運行npm update可以升級項目中所用依賴到最新版本,而npm update -g則可以升級全局安裝的依賴包到最新版。
npm outdated用于檢查模塊是否過時并列出。
卸載依賴
$ npm uninstall <package name> <package name> ...$ npm uninstall <package name> -g$ npm uninstall <package name> --save$ npm uninstall <package name> --save-dev
新聞熱點
疑難解答
圖片精選