安裝Node.js
進(jìn)入官網(wǎng)响迂,點(diǎn)擊Downloads热监,如圖所示 Windows/Mac 平臺我們可以直接下載安裝包安裝堪置,而Linux 用戶可以使用源碼編譯安裝呼胚。選擇合適的版本(LTS為穩(wěn)定版本茄唐,Current為最新版本)。
安裝完成后,在命令行輸入
node -v
查看當(dāng)前Node版本號
表示Node已經(jīng)安裝完成沪编,版本為V8.11.3呼盆。
到這里其實(shí)Node已經(jīng)安裝完成了,下面是node環(huán)境的管理配置蚁廓,嫌麻煩可以直接跳過访圃。
安裝nvm
nvm是Node的版本管理器,但是目前不支持windows相嵌,所以我選擇用 nvm-windows代替腿时。點(diǎn)擊Download now,目前維護(hù)版本為1.1.7饭宾,點(diǎn)擊nvm-setup.zip 解壓安裝批糟。
安裝完成之后,重新打開命令行工具看铆,輸入
nvm ls
查看當(dāng)前安裝的Node版本列表徽鼎。
需要注意的是:nvm-windows 不能檢測到系統(tǒng)之前安裝的Node版本,我執(zhí)行這條命令之后弹惦,提示Node版本列表為空否淤。查了一下,發(fā)現(xiàn)nvm-windows 只能管理通過nvm安裝的Node版本棠隐,官方建議是在安裝nvm-windows之前卸載所有的Node版本石抡,
但是我并沒有卸載,而是執(zhí)行了
竟然也安裝成功了助泽,在nvm的Node安裝目錄下汁雷,找到了該版本。nvm install v8.11.3
然而此時(shí) 查看Node版本 报咳,報(bào)錯(cuò)。接著挖藏,我嘗試用nvm命令來指定Node版本
nvm use 8.11.3
然后在查看Node版本暑刃,OK,搞定了膜眠,這邊稍微有點(diǎn)坑要注意一下岩臣。具體使用nvm-windows,請查看開源項(xiàng)目 nvm-windows官網(wǎng)宵膨,或者nvm官網(wǎng)架谎,指令差不多,但有點(diǎn)區(qū)別辟躏,這里就不在贅述谷扣,感興趣可以自行比較。
由于npm的服務(wù)器在國外,國內(nèi)訪問受網(wǎng)絡(luò)波動影響較大会涎,導(dǎo)致安裝npm模塊有時(shí)很慢裹匙,淘寶團(tuán)隊(duì)搭建了一個(gè)國內(nèi)npm鏡像——cnpm.這是一個(gè)完整 npmjs.org 鏡像,可以用此代替官方版本(只讀)末秃,同步頻率目前為 10分鐘 一次以保證盡量與官方服務(wù)同步概页。
cnmp通過下面的命令安裝,代替默認(rèn)的npm练慕。
npm install -g cnpm --registry=https://registry.npm.taobao.org
意外
原本安裝node.js會默認(rèn)安裝npm包管理工具惰匙,但是在上面安裝nvm不僅僅出現(xiàn)Node命令失效,npm命令也失效了铃将,真的坑项鬼。所以windows用戶要么不要安裝nvm-windows,要么在安裝之前最好把原來的Node卸載干凈麸塞,包括環(huán)境變量秃臣。
解決方案:找到原來的Node專用的命令行工具
執(zhí)行 npm config set prefix="你的nvm.exe所在路徑(可以打開環(huán)境變量查看NVM_HOME)" **配置npm的全局安裝路徑,執(zhí)行完成后,會在當(dāng)前執(zhí)行路徑下生成.npmrc文件哪工,及npm的配置內(nèi)容奥此。
接著執(zhí)行
npm install npm -g
就會在prefix對應(yīng)的路徑下安裝一個(gè)全局的npm包了,npm安裝其他包的時(shí)候加上-g雁比,也會安裝在這個(gè)目錄稚虎,而且使用的是這時(shí)全局的npm。
如果不使用全局的npm安裝其他包偎捎,使用這一指定版本的npm安裝的包蠢终,nvm use切換到其他版本之后,npm命令行會再次失效茴她。寻拂。。丈牢。
這時(shí)祭钉,重新打開命令行,執(zhí)行
npm -v
哇己沛,終于正常了慌核。。申尼。
接下來安裝一下nrm來管理npm源垮卓。
npm install -g nrm
可以看到很多npm源,使用淘寶的npm源
nrm use taobao
好了 基本配置到這里差不多了师幕,更多詳情粟按,查看Node.js官網(wǎng),或者印記中文團(tuán)隊(duì)翻譯的Node.js中文網(wǎng)(還是中文的看著舒服,感謝這些為中國開源工作做出巨大貢獻(xiàn)的先驅(qū)們,致敬钾怔,學(xué)習(xí)<詈簟)
hello world
“hello world”是個(gè)神奇的代碼,國際慣例宗侦,先跑一個(gè)試試愚臀。
我們可以先下載一個(gè)IDE(雖然Node.js完全可以通過文本來寫,但是IDE至少在項(xiàng)目結(jié)構(gòu)上清晰一點(diǎn)矾利,何況其他強(qiáng)大的集成)姑裂,因?yàn)槲覀€(gè)人.NET技術(shù)出身,習(xí)慣用VS男旗,所以下載了VS Code舶斧,嗯,還是熟悉的感覺察皇。茴厉。
新建一個(gè)文件HelloWorld作為項(xiàng)目文件,用VSC打開,首先打開終端什荣,執(zhí)行項(xiàng)目文件的初始化
npm init
會出現(xiàn)一個(gè)類似問答的矾缓,可以直接回車跳過,也可以自己填寫一下稻爬,結(jié)果會生成在package.json文件中(package.json 對于 Node.js 應(yīng)用來說是一個(gè)不可或缺的文件嗜闻,它存儲了該 Node.js 應(yīng)用的名字、版本桅锄、描述琉雳、作者、入口文件友瘤、腳本翠肘、版權(quán)等等信息。npm 官網(wǎng)有 package.json 每個(gè)字段的詳細(xì)介紹:https://docs.npmjs.com/files/package.json)辫秧。
注意:括號里的是默認(rèn)值锯茄,如果使用默認(rèn)值則直接回車即可,否則輸入自定義內(nèi)容后回車茶没。
我們通過express框架來構(gòu)建這個(gè)hello world,安裝 express 并寫入 package.json:
npm i express --save
執(zhí)行完之后會發(fā)現(xiàn)晚碾,項(xiàng)目文件中多了一個(gè)node_modules文件夾和package-lock.json抓半。node_modules是node的模塊包,我們通常會引入一些第三方模塊包格嘁,通過"require()"方法可以直接引入笛求;package-lock.json是當(dāng) node_modules 或 package.json 發(fā)生變化時(shí)自動生成的文件。這個(gè)文件主要功能是確定當(dāng)前安裝的包的依賴,以便后續(xù)重新安裝的時(shí)候生成相同的依賴探入,而忽略項(xiàng)目開發(fā)過程中有些依賴已經(jīng)發(fā)生的更新狡孔。
然后新建一個(gè)index.js文件,添加如下代碼:
const express = require('express')
const app = express()
app.get('/', function (req, res) {
res.send('hello, world')
})
app.listen(3000)
以上代碼的意思是:生成一個(gè) express 實(shí)例 app蜂嗽,掛載了一個(gè)根路由控制器苗膝,然后監(jiān)聽 3000 端口并啟動程序。
好了植旧,我們運(yùn)行一些辱揭,執(zhí)行
node index
打開瀏覽器訪問 localhost:3000:
ok,node.js的配置和安裝就到這里病附,寫的比較簡單问窃,也比較隨意,其實(shí)里面涉及了很多東西完沪,查閱了很多資料域庇,先記個(gè)大概吧,有時(shí)間再來好好研究下覆积。