??自踏上Node的征程郎笆，覓著MEAN的路一直前進(jìn)著，自認(rèn)為還可以的時(shí)候到了華爾街英語忘晤，和這里的一位導(dǎo)師的談話給了我沉重的一擊宛蚓，進(jìn)行了重新的思考，重新的去認(rèn)識(shí)自己设塔，去規(guī)劃自己凄吏。在這里，發(fā)自內(nèi)心的說句謝謝您闰蛔。
??最近去各大招聘網(wǎng)站上去了解當(dāng)下Node職位的發(fā)展和各企業(yè)對(duì)相應(yīng)技術(shù)的要求痕钢，大概的進(jìn)行了總結(jié)一下，作為一個(gè)朝著全棧工程師方向努力的程序員序六，在編碼方面需要學(xué)習(xí)掌握的技術(shù)線如下：
- 前端： H5, CSS3, Jquery, angular, react, vue
- 后端：Node(express, koa, strongLoop), python, ruby, (php, java最好也要了解)
- 數(shù)據(jù)庫：redis, mongo, mysql, postgresql
??本次將以Node Express+mysql+es6為線任连，慢慢將開發(fā)過程中遇到的問題進(jìn)行剖析梳理，謹(jǐn)例诀。
自ECMA2015發(fā)布以來随抠，對(duì)于Node開發(fā)人員來說是必不可缺的一項(xiàng)基本技能，將ES6的優(yōu)勢(shì)應(yīng)用到我們的項(xiàng)目中去繁涂，接下來按部就班拱她。
??由于ES6的語法當(dāng)前支持的并不是很完善，想要在項(xiàng)目中使用ES6語法還需要我們借助一些轉(zhuǎn)碼翻譯工具扔罪，將項(xiàng)目中的ES6語法翻譯成ES5語法秉沼，當(dāng)前支持比較好的兩個(gè)工具分別為 babel , traceur.
babel 使用的比較廣泛，也是我們接下來在項(xiàng)目中使用的轉(zhuǎn)碼器
Babel
如何在項(xiàng)目中進(jìn)行使用babel:
-
安裝babel-cli
cnpm install -g babel-cli安裝成功后系統(tǒng)將獲得兩個(gè)命令：
- babel 編譯器矿酵，將es6語法編譯成es5語法
- babel-node 可以直接運(yùn)行ES2015程序的Node命令
-
創(chuàng)建項(xiàng)目 創(chuàng)建ES2015語法文件 babel-node進(jìn)行執(zhí)行 此時(shí)你會(huì)發(fā)現(xiàn)如下錯(cuò)誤
錯(cuò)誤信息
由信息可知唬复，是不支持 import 語法導(dǎo)致，需要我們進(jìn)行配置相應(yīng)的babel插件才能支持它全肮。項(xiàng)目的根目錄新建文件 .babelrc , 輸入內(nèi)容
{ "presets": ["es2015"] }, 接下來進(jìn)行安裝插件依賴的模塊盅抚，執(zhí)行以下命令安裝并保存到package.json的devDependencies中cnpm install babel-preset-es2015 --save-dev -
重新執(zhí)行一下
babel-node test.js
就能看到此時(shí)的運(yùn)行結(jié)果了，說明我們此時(shí)的開發(fā)環(huán)境已經(jīng)成功支持ES2015的語法了倔矾。
Traceur
cnpm install -g traceur
在命令行執(zhí)行 traceur filename.js就能執(zhí)行ES6語法的JS文件了妄均。
引自: 昭熙小樂的博客
