導航:首頁 > 編程語言 > nodejsdebug

nodejsdebug

發布時間:2023-12-14 23:40:17

⑴ 如何使用nodejs搭建開發環境

1.安裝NodeJS

1.編譯環境
代碼編譯器,通常 Unix/Linux平台都自帶了C++的編譯器(GCC/G++)。如果沒有,請通過當前發行版的軟體包安裝工具安裝make,g++這些編譯工具。
Debian/Ubuntu下的工具是apt-get
RedHat/centOS下通過yum命令
Mac OS X下你可能需要安裝xcode來獲得編譯器

2.網路加密
其次,如果你計劃在Node.js中啟用網路加密,OpenSSL的加密庫也是必須的。該加密庫是libssl-dev,可以通過apt-get install libssl-dev等命令安裝。

3.手動編譯
wget http://nodejs.org/dist/v0.10.26/node-v0.10.26.tar.gz
tar zxvf node-v0.6.1.tar.gz
cd node-v0.10.26
./configure
上面幾行命令是通過wget命令下載最新版本的代碼,並解壓之。./configure命令將會檢查環境是否符合Nodejs的編譯需要。
make
make install

2.安裝NPM

1.NPM的全稱是Node Package Manager, 是NodeJs的第三方安裝庫。
curl http://npmjs.org/install.sh | sh
curl http://npmjs.org/install.sh是通過curl命令獲取這個安裝shell腳本,按後通過管道符| 將獲取的腳本交由sh命令來執行。

2.更改第三方庫
npm install underscore
[email protected] ./node_moles/underscore
由於一些特殊的網路環境,直接通過npm install命令安裝第三方庫的時候,經常會出現卡死的狀態。幸運的是國內CNode社區的@fire9 同學利用空餘時間搭建了一個鏡像的NPM資源庫,伺服器架設在日本,可以繞過某些不必要的網路問題。你可以通過以下這條命令來安裝第三方庫:
npm --registry "http://npm.hacknodejs.com/

如果你想將它設為默認的資源庫,運行下面這條命令即可:
npm config set registry "http://npm.hacknodejs.com/ "

通過npm安裝包。安裝好之後會自動被安裝到 /usr/local/bin 目錄下,而相依的函式庫也會自動安裝到 /usr/local/lib/node 目錄下,實在是非常方便。

3.安裝NodeJS調試環境

1.用npm命令安裝全局模式的 node-inspector組件
sudo npm install -g node-inspector

2.更改埠
修改 node-inspector/lib/config.js的埠
』web-port』: {
desc: 『Port to host the inspector』,
convert: conversions.stringToInt,
defaultValue: 6868
},

3.使用
node-inspector啟動一個調試工具
在chrome瀏覽器中輸入http://127.0.0.1:6868/debug?port=5858打開chrome的調試模式

使用node debug調試nodeJS項目
node --debug-brk=5858 read.js

可以在chrome中查看到調試信息

4.使用Sublime構建NodeJS

設置Sublime的Builder->>
Tools ->> Build System ->> New Build System
將如下代碼寫入
{
「cmd」: ["/usr/local/bin/node", 「$file」],
「file_regex」: 「^[ ]File "(…?)」, line ([0-9]*)",
「selector」: 「source.javascript」
}
保存為NodeJs.sublime-build文件
如此可以直接使用Com+B來使用nodejs運行程序

⑵ 如何打造一個令人愉悅的前端開發環境

以環境作為切入點,開始一系列的前端開發環境配置文章。

主要會涉及到打包、構建、編程工具、debug等等前端環境,以及前後端分離、Nodejs中間層使用伸展面。

工欲善其事必先利其器

以編程工具而言WebStorm、sublime、Atom、VS Code、Brackets等等一大推,這方面我個人是覺得無所謂,蘿卜青菜各有所愛,優缺點基本很明顯,就看個人的接受情況了,舉點例子說下吧:

WebStorm 很全面,無論是純前端還是Nodejs,包括git、svn、命令行、格式化工具都有,使用順手之後各種方便,而且還直接支持nodejs的debug,作為前端的全能重量級IDE非常不錯,唯一不好的就是太重,體現在內存佔有,啟動時間上。

sublime 輕量級文本編輯器,3比較2來說有很大提升,小巧靈活是最大的特點,麻煩的是各種插件的配置,需要自己來組合,不熟悉的人用起來遠遠不想WebStorm方便,快捷。而且每次新的電腦都要配置一次,比較繁瑣。(現在有可以導出配置文件來適用新電腦的方法)

Atom類似sublime,比較輕量級,內核主要是Nodejs寫出來的,前端各種愛,因為比較適合前端的技術棧,但是大文件的性能問題一直受人詬病,不是很流暢,還有就是插件比起sublime來說還是少了不少,整個生態不如sublime,但是因為是github出的,還是受人青睞不少。我貢獻的一個vue格式化插件

VS Code 和 Brackets這兩個比較小眾,使用的很少,我用過VS,感覺還挺不錯,就是生態更差,而且很多插件的說明寫的很糟糕,讓人看不懂。各方面的資料也比較少。Brackets 一個同事使用過,提示比較好,個人感覺入門很不錯。貌似還能及時瀏覽web效果。

個人建議使用入門的時候使用sublime或者Atom就可以,配置一下自己喜歡的插件,基本就可以開始幹活了,當然如果是用eclipse已經很習慣的人,我覺得WebStorm這種重型機槍,可能更適合你。不要對工具的提示產生依賴太過於嚴重,否則很多東西自己會慢慢遺忘的哦!!!

PS:如果要提升自己的逼格怎麼辦?請使用VIM或者Emacs這種高逼格的編輯方法。

木牛流馬

糧草生產的快,也要有好的運輸工具才能上到前線,對於前端而言,屬於我們的運輸工具是打包構建工具。

打包構建工具經歷了各種不同的時代,從服務端主宰的打包構建,到現在前端自己主宰的構建工具,不同的需求產生了各種不同的構建工具,這些工具其實也算前端的工作能力之一,因為每一種新的工具都有優缺點,熟悉的使用也並非特別簡單的事情。

先來說說都有哪些不同的種類吧:

後端為主要的整體打包工具,這個以FIS作為代表,大家或多或少都應該知道網路出的這個開源打包構建工具鏈,從整體上解決了前端工程的問題,包括優化、資源載入、模塊打包、自動化、部署一系列問題,從功能上看非常全面,FIS3的升級讓人也感覺很是不錯,不再依賴PHP和java之類的服務端語言,基於Nodejs來做,更加貼近前端社區。那麼缺點是什麼呢: 生態環境不夠豐富,主要插件應該還是網路自己人提供的,參與進來的社區人數不夠多。我覺得這方面的原因是fis2當時對PHP和JAVA的依賴,導致大家對fis的興趣不弄,錯過了最佳時機,這個其實跟網路自己的web的技術棧有很大關系。同時帶來的好處是,FIS可以結合PHP做整體網站的部署和構建。以上主要是看文檔的一些分析,本人並沒有用過FIS,有說錯請拍磚。這類的打包構建工具還有很多,大部分都是大公司的內部使用,例如京東、馬蜂窩之類,都是PHP為主,加上前端的整體構建工具。

Grunt派系,這個應該是比較早的Nodejs打包構建工具,一度很是流行,Grunt的好處是提供了一個核心的構建規范,基於文件,來使用各種Grunt的插件組合整個構建行為,當時我記得比較清楚的是我前面文章提到過的Yeoman這個構建工具,核心就是Grunt,自動生成了各種插件配置。但是這個有很大的缺點:一是構建的配置文件寫的很長很啰嗦,二是效率不是很高,原因是它構建的方式基於文件的,每次都會產生新的臨時文件,這樣無形中就會有磁碟的I/O讀寫,所以會降低整體的構建速度。

Gulp新體系,因為以上的Grunt的缺點,Gulp應運而生,借鑒了Unix的管道概念,用Nodejs的stream特性,來組織整個構建鏈條,在官方的核心只提供幾個方法,大家基於官方API來編寫自己需要的處理插件,再組合起來,完成構建功能。和Grunt的基本理念很像,但是很多又有區分,例如:配置和運行分離,插件單一職責,規定大於配置等等。關於這兩個的比較有很多,大家可以搜搜Grunt Gulp 就知道了。不多說

新的王者Webpack,個人感覺應該是15年上半年到16年初,Webpack橫空出世,大有一舉統一整個前端構建生態的趨勢,貌似現在FE們不會點Webpack相關的,都不好意思說自己是前端了。最初Webpack應該只是和requirejs、browserify之類模塊化工具比對,但是其靈活的API和豐富的loader,致使它可以連帶完成Gulp之類的構建事件,目前其生態環境巨好,各種插件層出不窮,比較火的React,vuejs等都有相關的針對性loader來優化構建方式,可以說是目前最流行的工具。不過缺點也特別的明顯,就是難懂,主要是過於靈活,各種方式都能接受,導致沒有一個統一的標准,配置起來特別難受,在群里,一般對於Webpack的配置問題的是最多的。很多新手對於Webpack的各種配置錯誤,感覺都欲哭無淚,想死的心都有了。相關的文章也很多,推薦題葉的入門指南。

逼格提升的NPM構建方式。這個阮一峰對於前端構建的變化吐槽過,說新的構建工具就是ES6的構建工具。推薦看賀師俊的答案如何評價阮一峰關於前端工具變化快的言論?

就我個人而言,目前主要還是使用的Webpack來構建,當然一些比較老的系統代碼,由於歷史原因,還是使用的Gulp來構建,也有正在切換之中的,Gulp+Webpack。比較豐富多彩

⑶ sudo npm 找不到命令

windows下也有sudo嗎?是不是以管理員身份打開cmd,再執行npm install就行了呢?

閱讀全文

與nodejsdebug相關的資料

熱點內容
it教學app有哪些 瀏覽:34
怎麼在ps摳的圖變成矢量文件 瀏覽:405
口袋妖怪銀魂安卓v11 瀏覽:1
網站上芒果tv的賬號都是什麼 瀏覽:104
帶公式的表格如何刷新數據 瀏覽:81
數據標注語音和2d哪個好 瀏覽:145
保存excel文件的方法 瀏覽:655
手機上看不到電腦上的文件 瀏覽:626
關於ps的微信公眾號 瀏覽:612
矩陣論教程 瀏覽:971
字體文件分系統嗎 瀏覽:921
編程一級考試要帶什麼證件 瀏覽:923
extjs表格修改前數據 瀏覽:612
什麼是資料庫的函數 瀏覽:722
oppo手機怎麼用數據線連接電腦 瀏覽:247
恆智天成備份文件在哪裡 瀏覽:976
電腦沒聯網怎麼拷貝文件 瀏覽:224
wps工具欄怎麼換成中文 瀏覽:338
win7和xp共享文件 瀏覽:883
蘋果4代音量鍵沒反應 瀏覽:827

友情鏈接