挖坑指南:npm install命令各引數的區別(--sava --save-dev -g)
前言
在前端工作中,npm已經成為必不可少的一部分。npm install可以為我們的專案安裝依賴,那麼這個命令的引數,各代表什麼含義呢?
開始
我們逐一來看看
npm install --save-dev: 安裝我們專案開發時的依賴,比如一些外掛,對我們的less/sass/js/img進行一些處理,用於開發環境。
npm install --save: 安裝專案上線執行時的依賴,比如我們專案依賴的框架vue,外掛jQuery等,用於生產環境。
npm install -g: 全域性安裝,通常用於安裝腳手架等工具。
npm install: 不帶引數,也會進行安裝,但是安裝的依賴不會被新增進專案的package.json中。
總結
哪些是我們專案開發時依賴的呢?哪些又是上線後依賴的呢?
開發時的依賴,就是為我們上線做準備工作的,而生產環境中的依賴,會被打包進我們最終的專案程式碼中,作為專案的一部分。
歡迎留言指導,感謝~或者掃描下方二維碼,與我取得聯絡~ (記得備註:CSND喔~)
相關推薦
挖坑指南:npm install命令各引數的區別(--sava --save-dev -g)
前言 在前端工作中,npm已經成為必不可少的一部分。npm install可以為我們的專案安裝依賴,那麼這個命令的引數,各代表什麼含義呢? 開始 我們逐一來看看npm install --save-dev: 安裝我們專案開發時的依賴,比如一些外掛,對我們的less/sass/js/img
挖坑指南:npm ERR! write after end
前言 團隊的專案,昨天還是好好滴,但是呢,github掛了,提交不了程式碼。晚上其他成員上傳了程式碼,今天決定重新提交。 開始 提交時發生衝突,回退了一下版本。 // 獲取歷史版本id git log --pretty=oneline // 回退到指定的版本 git reset --
ADB 學習(2):adb install 命令
一、前言 作為一個測試人員,對於手機的應用軟體肯定少不了安裝到指定的手機裝置中,所以 adb install 這個命令是必不可少的。 二、詳解 Ⅰ、當我們只有一臺裝置連線到
挖坑指南:如何通過事件動態地切換iView的Tabs(v-bind與v-model的區別)
前言 iView的官方文件算是很詳細的了,但是如果我們沒有一定的程式設計經驗,看文件也是一件令人困惑的事情。 Tabs官方文件:http://v2.iviewui.com/components/tabs#API 開始 先來看看專案的需求 看看官方文件為我們提供的介面 &
挖坑指南:iView表單 日期校驗出錯
前言 表單資料的驗證在前端是很有必要的,它是資料的第一道過濾。可以避免一些錯誤的發生 開始 先看看我們的使用 雖然iView的官方已經更新到3.0的版本了,但是目前專案中使用的還是 2.0的版本。 官方的文件:http://v2.iviewui.com
挖坑指南:[Vue warn]: Invalid prop: custom validator check failed for prop "XXX".
前言 表單表單,開發後臺盡是表單。話不多說,先看看問題吧。 開始 這個專案呢, 是使用了iView UI框架。開始查詢網上類似的問題。type排查了一遍,最後發現是Input元件的type賦值為number。而官方支援的呢,如下 好吧~ 開發中遇到各種各樣的
Vue挖坑指南:[vue-router] Named Route 'XXX' has a default child route.
前言 OA系統,使用了路由的巢狀,希望在訪問子模組時,預設載入模組的預設路由。即為子模組設定預設路由 。 開始 我們先來看看,如何為子模組設定預設的路由。 這樣寫,會出現什麼問題呢?開啟控制檯看看。 實踐 vue-router給我們報了兩個警告,我們一個一個
挖坑指南:Vue.directive()自定義指令的實踐(含原始碼)
前言 迫不及待想要上車試一試,直接貼程式碼吧。 開始 兩個小例子,圖片的載入優化以及第三方外掛的配合使用。參考的資料在我分享的這篇博文中有記錄,感興趣的同學,可以參考更多。 <!DOCTYPE html> <html lang="en"> <hea
挖坑指南:百度鷹眼web api的使用與問題總結
前言 公司想做外勤管理的工具,要記錄員工的出行軌跡,研究了一下,發現高德、騰訊都沒有相關的API,只有百度地圖有一個鷹眼的服務。那就試試唄~ 開始 貨比三家,先來看看其他兩家的解決方案。 高德地圖:https://lbs.amap.com/dev/demo/path-recor
關於npm install 命令執行報錯
這是關於許可權的問題 原因是沒有管理員身份開啟命令列視窗。 解決方案:管理員身份開啟命令視窗即可: 如圖:(右鍵單擊,選擇管理員身份開啟,npm insall 命令就可以正常使用了) 建議更改為淘寶映象 參考連結 https://npm.taobao.org/
挖坑指南:在vuex的多個module中的getters裡存在相同的方法名,使用mapGetters會報錯?
前言 其實這個標題就是我們今天要談論的話題。 開始 在vuex中有多個module是很正常滴,為了方便管理呢,我們有些module中使用了相同的名稱。那麼,在使用時,就會報錯啦~ 實踐 其實在vuex的官網,已經為我們描述過啦~ vuex:https://vuex.vuejs
挖坑指南:[Vue warn]: Avoid using non-primitive value as key, use string/number value instead
開始 報錯資訊:[Vue warn]: Avoid using non-primitive value as key, use string/number value instead 實踐 原因: 在v-for遍歷時,將item作為:key的值,而遍歷出來的item恰巧是一個物件。
挖坑指南:iView Select的[email protected]事件無效
前言 日常挖坑。。 開始 上車。。 實踐 bug描述:Select元件,設定了filterable和remote,前端啟用模糊查詢。期望在使用者選擇某一結果項時,獲取選擇的物件。給Option綁定了點選事件,但是並未生效。 為什麼呢? 應該是元件自身做了事件監聽。 那
挖坑指南:iView-admin動態配置route.meta.title(獨家)
前言 新的專案,基於iView-admin。結合自身的專案需求,對官方的模板進行一些修改。以達到動態修改route.meta,並同步更新麵包屑導航文字和標籤頁標題。 開始 如果你還未使用過iView-admin或者正在上路,那我們先來看看專案的需求以及遇到的問題。 那應該如何解
挖坑指南:ESLint + VS Code自動格式化程式碼
前言 最近在整理公司的之前的專案,對整個產品線進行梳理重構。由於專案的編碼人員換了好幾撥,每個人編碼又各有各的風格。現在在重新翻看,可讀性很差。考慮到後期專案的擴充套件,以及對現有專案的優化,決定對程式碼進行整理,並統一使用ESLint進行規範約束。 開始 “編碼一時爽,重構火葬
linux TOP命令各引數詳解【轉載】
實時監控或檢視系統資源使用情況的工具——TOP top命令是Linux下常用的效能分析工具,能夠實時顯示系統中各個程序的資源佔用狀況,類似於Windows的工作管理員. 下面詳細介紹它的使用方法: &nbs
Vue挖坑指南:[vue-router] Named Route 'XXX' has a default child route.
前言 OA系統,使用了路由的巢狀,希望在訪問子模組時,預設載入模組的預設路由。即為子模組設定預設路由 。 開始 我們先來看看,如何為子模組設定預設的路由。 這樣寫,會出現什麼問題呢?開啟控制檯看看。 實踐 vue-router給我們報了兩個警告,我們一個一個
挖坑指南:vue重新整理某個路由就404了,咋辦?
前言 單頁後臺,上傳到線上,在某個路由重新整理時就報錯404。 開始 為什麼會出現這樣的問題呢? 配置路由時,設定了訪問模式為mode: 'history';而後端是無法判斷這是一個前端路由的。它會按照路徑去找相應的資源,但是在伺服器中並不存在,所以...404
npm常用命令及引數詳解
5 NPM命令詳解 平時工作中經常用npm安裝,每次用的時候有些命令都要去查一次,這次就自己把這些命令整理下,讓自己可以多記住一些。 對於還不知道NPM是什麼的同學請自行google吧 這裡我就不多BB了,主要記錄一下NPM幾個常用命令和引數的意思 npm ins
go programming language讀書筆記一:go語言命令列引數
訪問go programming language系列更多檔案,點選下面連結 go語言內部把命令以及命令後面的引數提取到了os包的Args,os.Args是一個分片, 它的第一個元素os.Args[0]是我們的命令名,os.Args[1:]是命令後面的引數列表, 引數