Babel+vscode實現APICloud開發中兼容ES6及以上代碼

本文出自APICloud官方論壇, 感謝論壇版主 penghuoyan 的分享。node

使用APICloud開發時,考慮到兼容問題一直使用ES5開發,時間越久感受越落後,整理了一個兼容ES6的開發環境,供你們參考。 步驟1: 安裝Node開發環境,不清楚的能夠百度git

步驟2: 新建APICloud項目,結構目錄以下npm

  步驟3: 在vscode中打開項目,如圖:

步驟4: 在項目中安裝Bable項目的npm包

  1. npm init –y  生成package.json文件

  2. npm install --save-dev @babel/core@babel/cli @babel/preset-env 3. npm install --save @babel/polyfill

步驟5: 在package.json文件中添加babel進行配置 "scripts": {     "build": "babelscript -d parsedScript --presets=@babel/env -watch"   },json

  步驟6: 運行腳本:npm init build 編輯script文件夾下的ES6代碼並保存時,將會自動把代碼編譯爲ES5代碼並保持在parsedScript文件夾下面(保存時文件名稱、對應路徑相同) 注:項目使用時,使用編譯事後的js代碼(parsedScript),已保證兼容性問題

步驟7: Wifi真機同步設置,忽略node_modules文件夾 1.  在項目根目錄新建.syncignore文件 2. 文件內容:{/*.js.map,/node_modules/,src/}    //真機同步時忽略node_modulesbabel

步驟8: 提交代碼時忽略node_modules文件夾 (APICloud2.0開發工具)在項目根目錄中新建.gitignore文件,文件內容:node_modules/工具

相關文章
相關標籤/搜索