感受:今天配置nodejs配了一個晚上,一個原因是網絡不好,一個原因是太小看了nodejs的功能,它實現了類似java的功能,能夠查詢數據庫,是個功能強大的前端js框架.
以下是配置步驟:
一.配置nodejs的環境變量
類似配置jdk一樣,然後在path引入DONE_HOME即可.(吐槽下csdn的博客,質量真的.....我既然傻逼的按照錯誤步驟去配了,浪費了我半小時)
二.配置包資源管理器NPR
1.初始化工程
建立一個空文件夾或者在上述的示例工程中,在命令提示符進入該文件夾 執行命令初始化
npm init
2.
按照提示輸入相關信息,如果是用默認值則直接回車即可。
name: 項目名稱
version: 項目版本號
description: 項目描述
keywords: {Array}關鍵詞,便於用戶搜索到我們的項目
最後會生成 package.json 文件,這個是包的配置文件,相當於maven的pom.xml
之後也可以根據需要進行修改。
3.本地安裝
install命令用於安裝某個模塊,可以通過require引入到項目中使用。如我們想安裝express模塊(node的web框
架),輸出命令如下:
npm install express
4.全局安裝
npm root -g
默認全局目錄在
C:\Users\Administrator\AppData\Roaming\npm\node_modules
比如全局安裝jquery, 輸入以下命令
# 安裝之後在全局目錄下會存在對應的jquery目錄,其裏面的dist則包含有對應的jquery.js文件
npm install jquery -g
5.批量下載
從網上下載某些代碼,發現只有package.json,沒有node_modules文件夾,這時需要通過命令重新下載這些js庫.
進入目錄(package.json所在的目錄)輸入命令
npm install
此時,npm會自動下載package.json中依賴的js庫。
6.切換NPM鏡像(使用淘寶的鏡像,下載會快很多)
有時我們使用npm下載資源會很慢,所以可以切換下載的鏡像源(如:淘寶鏡像);或者安裝一個cnmp(指定淘寶鏡
像)來加快下載速度。
1、如果使用切換鏡像源的方式,可以使用一個工具:nrm
首先安裝nrm,這裏 -g 代表全局安裝
# 管理員身份 打開cmd執行如下命令 npm install nrm -g
然後通過 nrm ls 命令查看npm的倉庫列表,帶*的就是當前選中的鏡像倉庫:
通過 nrm use taobao 來指定要使用的鏡像源:
如果使用cnpm的方式,則先安裝cnpm,輸入如下命令
# 如果不使用nrm 切換,可以在安裝cnpm的時候指定鏡像倉庫
npm install -g cnpm --registry=https://registry.npm.taobao.org
安裝後,我們可以使用以下命令來查看cnpm的版本
cnpm -v
使用cnpm
cnpm install 需要下載的js庫;一般只有在下載模塊的時候才使用cnpm,其它情況還是一樣使用npm;
7.運行工程說明
如果我們想運行某個工程,則使用run命令
如果package.json中定義的腳本中有:
dev是開發階段測試運行
build是構建編譯工程
lint 是運行js代碼檢測
運行時命令格式:
npm run dev或者build或者lint
8.編譯工程說明
編譯後的代碼會放在dist文件夾中,進入命令提示符輸入命令
npm run build
生成後會發現只有個靜態頁面,和一個static文件夾
這種工程我們稱之爲單頁Web應用(single page web application,SPA),就是隻有一張Web頁面的應用,是加載
單個HTML 頁面並在用戶與應用程序交互時動態更新該頁面的Web應用程序。
這裏其實是調用了webpack來實現打包的.
9.Webpack 打包工具
Webpack安裝
npm install webpack -g
npm install webpack-cli -g
安裝後查看版本號
webpack -v
10.一些小問題
有些人可能cnpm執行不了,報nrm不是內部或外部命令,也不是可運行的程序