1. 程式人生 > >第一節:es6開發環境的搭建

第一節:es6開發環境的搭建

index 項目結構 json dev 技術 reset ID .com 分享

第一章:es6開發環境的搭建

  命令:npm init -y 生成package.json文件(依賴文件);項目結構如下:

技術分享圖片

全局安裝 babel-cli 命令如下:npm install -g babel-cli,

還需本地安裝babel-preset-es2015 和 babel-cli

然後在項目當中安裝:npm install --save-dev babel-preset-es2015 babel-cli

將es6打包轉化es5能識別的代碼:

babel src/index.js -o dish/index.js 在package.json裏面配置快捷啟動方式:

技術分享圖片

然後運行npm run build(用過vue-cli的應該對這個命令不陌生);

第一節:es6開發環境的搭建