babel-node + Express NodeJS項目搭建指南
1.搭建Node.js環境
從官網下載安裝
2.搭建Express環境
express 是 node.js的短精簡的Web框架,官網:http://www.expressjs.com.cn/
安裝:
npm install express -g #-g表示全局安裝 -S = --save
npm install express-generator -g
3.在某個目錄下,用express命令創建項目
3.1 創建項目
express <項目名>
創建的文件有app.js,package.json 目錄有bin public routes views
3.2 用`npm install`安裝依賴模塊
安裝開始後會生成一個專門放安裝包的目錄:node_modules
3.3 啟動服務器觀察是否可以訪問
使用npm start命令啟動服務器,並訪問3000端口觀察是否可以正常訪問
如上express項目配置完成,下一步配置babel-node,一款編寫node.js方便的小工具。
4.安裝babel-node
4.1 安裝babel-cli
在項目根目錄執行一下命令:
$npm install babel-cli --save-dev
$npm install --save-dev babel-core babel-loader babel-preset-env babel-preset-react
4.2 安裝轉碼規則
$npm install babel-preset-env --save-dev
4.3 在根目錄下創建.babelrc這個文件,就是轉碼的時候用的
配置轉碼規則:
{ "presets":["env"] }
4.4 創建文件進行測試
class Point{ constructor(x,y){ this.x = x; this.y = y; } toString(){ return "(" + this.x + "," + this.y + ")"; } } let p = new Point(1,2); console.log ( p.toString() ); console.log(Point.name + ".............................................."); let p2 = new Point(); p2.x = ‘x2‘; p2.y = ‘y2‘; console.log(p2.toString()); --------------------- 引用自:https://blog.csdn.net/Cinderella___/article/details/81071098 感謝!
4.5 直接運行
node .\node_modules\babel-cli\bin\babel-node.js <起始js>
如圖,運行成功!
4.6 配置一鍵運行項
如圖運行成功。至此項目配置完成
babel-node + Express NodeJS項目搭建指南