❶ 怎麼使用nodejs做前端.java做後端 搭建web工程
使用CommonJS編寫前端JS模塊,使用Browserify打包JS,同時可以使用gulp進行其他前段構建工作,比如assets, Sass/Less, minify等。
後端:使用Java編寫Restful API供前端consume,或者直接渲染前端頁面。
❷ 如何在 NodeJs 上搭建 React 開發環境
安裝node.js由於nodejs中使用GYP進行項目構建管理,而GYP是基於Python的構建工具。因此,需要先安裝Python。此外,在Windows系統下,nodejs採用GYP來生成Visual Studio Solution文件後,需要通過C++的編譯器將其編譯為二進制文件。因此,又需要先安裝C++編譯環境。最後,安裝nodejs【牆裂建議選擇stable穩定版】。一系列安裝完成後,進入cmd,輸入"npm"指令後回車,出現形同以下畫面內容,則安裝成功。需要配置path,加入如:E:\Android\Python27;C:\Users\che\AppData\Roaming\npm;
❸ 前端工具怎麼都要node.js 環境
1、可以很快速的搭建本地伺服器
2、可擴展插件多,node.js可以和vue.js、angular.js等JS框架使用,又可以和bower、bootstrap等配合使用
3、nodeJS環境寫代碼更符合ECMAScript6標准
❹ 為什麼前端要會使用Nodejs
你熟悉JavaScript
假設你正在使用一個功能強大的客戶端框架(Angular,Ember,
Backbone)以及REST-ful伺服器端的API,使用JSON這種數據格式來傳輸和接受數據。即使你沒有使用其中的任一種框架,你也用jQuery寫過自己的框架。因此如果你不在伺服器端使用Node.js,那麼你就不斷地做轉譯吧。你在轉譯兩件事:
來自你腦中JavaScript的邏輯轉換為伺服器端框架的邏輯。
來自JSON的HTTP數據轉換為你的伺服器端的對象。
JavaScript貫穿著你的應用,你不但智力上漲,你也獲得了實踐經驗。通過模型和模板的復用,你可以減少應用的大小,同時減少了復雜度和出現bug的可能性。
它很快
Node.js是JavaScript運行環境,使用了Google用在Chrome中的V8引擎。V8以閃電般的速度編譯和執行JavaScript是因為V8將JavaScript編譯成本地機器代碼。包括網路連接的讀寫,文件系統的讀寫,以及資料庫的讀寫——所有的在網頁應用中的日常任務——在Node中執行地非常非常快。Node能讓你創建快速,大規模的網路應用,能夠處理高吞吐量的大量的實時連接。
工具
npm是Node.js的包管理器並且它棒呆了。這確實很棒,當然,這類似於其他生態系統的包管理器,但是npm很快很穩很一致。他在尋找和安裝項目依賴做的非常好。他讓包和其他的項目隔離開來,防止版本混淆。
實時變得簡單
如果Node.js很擅長多並發連接,那麼他也擅長多用戶的,實時的網頁程序,例如聊天室和游戲。Node的
event loop
能夠滿足多用戶需求。實時能力使用websocket協議。Websocket是在客戶端和伺服器端的簡單的雙向溝通渠道。因此伺服器能夠推送數據到客戶端就像客戶端推送一樣。websocket運行在TCP,避免了HTTP的消耗。
流數據
傳統意義上來說,web框架將HTTP請求和響應當做一個整體的數據對象。實際上,他們是I/O流,你可以想像,如果你把文件從文件系統中以流的形式取出。既然Node.js非常擅長處理I/O,我們能夠利用這個特點創建一些很酷的東西。比如,它能夠當視頻或音頻文件上傳的時候,就轉碼音頻或視頻文件,減少了整體處理的時間。
一個代碼庫和免費的實時
Meteor是下一代基於Node的web框架。他可以在客戶端和伺服器端運行相同的代碼庫。然後,數據自動保存在伺服器。其他的方式也奏效!任何伺服器上的數據都自動傳到客戶端。
❺ 如何使用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運行程序
❻ node.js一般用什麼前端編輯器
sublime 其實挺不錯的。
nide的也還可以。這是專門寫node.js的
WebStorm的話,就相對重量級了。
❼ vue項目要部署在伺服器上,那麼伺服器需要安裝node.js環境嗎
最好是安裝一個。
1.如果你僅僅是打包好的vue相機,那麼要看服務端使用的是什麼語言,如果是node的話,肯定要安裝node環境的,但是如果不是node,那麼就沒有必要了。
2.如果你想在服務端跑vue的項目,也就是在遠程端做開發工作,那麼肯定是要安裝node的,畢竟vue開發環境需要node。
基本上服務端也就這兩種需求,node包其實很小,安裝一個也不費事,還可以方便開發,我覺得在遠程端按一個最好。
❽ 如何在本地搭建node.js環境
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等命令安裝
❾ 前端用nodejs能做什麼
Node.js到底是什麼?
Node.js是一個JavaScript的編譯環境,當前端語言JavaScript在寫完之後可以交給Node.js進行編譯和解釋,它的存在對於JavaScript有了質的飛躍。
下面就是一個簡單的Node.js命令
#node hello.js
目前,Node.js在大部分領域都佔有一席之地,尤其是I/O密集型的。
比如Web開發,微服務,前端構建等。不少大型網站都是使用 Node.js 作為後台開發語言的,用的最多的就是使用Node.js做前端渲染和架構優化,比如 淘寶 雙十一、去哪兒網 的 PC 端核心業務等。另外,有不少知名的前端庫也是使用 Node.js 開發的,如Webpack是一個強大的打包器,React/Vue 是成熟的前端組件化框架。
Node.js通常被用來開發低延遲的網路應用,也就是那些需要在伺服器端環境和前端實時收集和交換數據的應用(API、即時聊天、微服務)。阿里巴巴、騰訊、Qunar、網路、PayPal、道瓊斯、沃爾瑪和 LinkedIn 都採用了 Node.js 框架搭建應用。
另外, Node.js 編寫的包管理器npm已成為開源包管理了領域最好的生態,直接到2017年10月份,有模塊超過47萬,每周下載量超過32億次,每個月有超過700萬開發者使用npm。
Node.js是一個對於前端工作者不可或缺的工具。尤其是對於JavaScript有著巨大的提升,現階段Node.js的應用已經有了非常蓬勃的發展。對於Node.js的學習和熟練運用,必不可少!
❿ web前端開發nodejs怎麼安裝
第二步:安裝nodejs
下載完成之後,雙擊 node-v0.8.16-x86.msi,開始安裝nodejs,默認是安裝在C:\Program Files\nodejs下面
第三步:安裝相關環境
打開C:\Program Files\nodejs目錄你會發現裡面自帶了npm,直接用npm安裝相環境既可
進入node.js command prompt 命令窗口
進入nodejs 安裝目錄 C:\Program Files\nodejs
鍵入命令:cd C:\Program Files\nodejs 既可
現在開始安裝相關環境
鍵入命令:npm install express 回車等待安裝express........
鍵入命令:npm install jade 回車等待安裝jade........
鍵入命令:npm install mysql回車等待安裝mysql........
........安裝什麼組件,取決於環境搭建需求
默認情況下上述組件都是安裝在C:\Program Files\nodejs\node_moles文件夾下 這也是nodejs相關組件的自動查找路徑
第四步:創建一個工程
現在已經有express
express命令安裝在全局才起作用!
所以express安裝的時候要用 npm install express -g
或者直接修改全局路徑:
npm config set prefix "C:\Program Files\nodejs"
npm config set cache "C:\Program Files\nodejs\cache" (先建好cache目錄)
鍵入:express myapp (myapp是隨意起的工程名稱)
你會發現多了一個 C:\Program Files\nodejs\myapp 目錄
默認情況下:里會自動創建
這幾個文件,不做解釋,相信有過開發經驗的同學都能一眼明了。
復制node_moles到myapp下面
環境搭建到此完工,下面做一個demo測試!
在myapp下新建helloworld.js
var http = require("http");
http.createServer(function(request, response) {
response.writeHead(200, {"Content-Type": "text/plain"});
response.write("Hello World");
response.end();
}).listen(8888);
console.log("nodejs start listen 8888 port!");
進入node.js command prompt 命令窗口,進入C:\Program Files\nodejs\myapp目錄
鍵入node helloworld.js