成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

es6環(huán)境搭建

stormgens / 1000人閱讀

摘要:由于大多數(shù)瀏覽器對支持的不是太好,所以為了防止出錯,我們可以轉(zhuǎn)換為所有瀏覽器能夠識別的格式初始化項目表示默認全部項目新建目錄文件如圖一主頁文件引入轉(zhuǎn)換后的文件如圖二安裝全局轉(zhuǎn)換包安裝輔助包建立快速命令行執(zhí)行轉(zhuǎn)換如圖三右鍵

由于大多數(shù)瀏覽器對ES6支持的不是太好,所以為了防止出錯,我們可以轉(zhuǎn)換為所有瀏覽器能夠識別的格式
初始化項目:npm init -y (-y表示默認全部項目);
新建目錄文件:dist/index.js src/index.js index.html
如圖一

主頁文件引入轉(zhuǎn)換后的文件
如圖二

安裝全局轉(zhuǎn)換包:npm install -g babel-cli
安裝輔助包:npm install --save -dev babel-preset-es2015 babel-cli
建立快速命令行,npm run build執(zhí)行轉(zhuǎn)換
如圖三

右鍵點擊index.html文件,點擊view in browser運行網(wǎng)頁文件
如圖五

原文帶圖鏈接地址:http://www.cnblogs.com/douyae...

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/89235.html

相關(guān)文章

  • webpack 項目構(gòu)建:(二)ES6 編譯環(huán)境搭建

    摘要:本質(zhì)就是一個編譯器,通過將源代碼解析成抽象語法樹將源代碼的結(jié)果一系列轉(zhuǎn)換生成目標代碼的將目標代碼的轉(zhuǎn)換成代碼。項目構(gòu)建三開發(fā)環(huán)境本地服務(wù)器搭建源碼下載地址參考資料入門阮一峰中文文檔中文網(wǎng) 注:以下教程均在 windows 環(huán)境實現(xiàn),使用其他操作系統(tǒng)的同學實踐過程可能會有些出入。 ??在上一章 webpack 項目構(gòu)建:(一)基本架構(gòu)搭建 我們搭建了一個最基本的 webpack 項目,現(xiàn)...

    marser 評論0 收藏0
  • 搭建es6開發(fā)與非開發(fā)環(huán)境babel-browser

    摘要:前言最近打算把應(yīng)用到項目中,但是如何在開發(fā)環(huán)境瀏覽器端直接運行已經(jīng)發(fā)布一段時間了,現(xiàn)在大部分是在環(huán)境運行,或者通過編譯之后運行。主要實現(xiàn)用戶能夠在瀏覽器上直接運行語法。 前言 最近打算把es6應(yīng)用到項目中,但是如何在開發(fā)環(huán)境(瀏覽器端)直接運行es6?es6已經(jīng)發(fā)布一段時間了,現(xiàn)在大部分是在node.js環(huán)境運行,或者通過babel編譯之后運行。babel-browser主要實現(xiàn)用戶能...

    selfimpr 評論0 收藏0
  • ES6-開發(fā)環(huán)境搭建(1)

    摘要:全局安裝本地安裝轉(zhuǎn)碼規(guī)則安裝完成后,我們可以看一下我們的文件,已經(jīng)多了選項。直接在線編譯提供一個在線編譯器,可以在線將代碼轉(zhuǎn)為代碼。 古語有云:君子生非異也,善假于物;工欲善其事,必先利其器。 由于有些低版本的瀏覽器還是不支持ES6語法,學習ES6,首先要學會搭建一個基本的ES6開發(fā)環(huán)境,利用工具,把ES6的語法轉(zhuǎn)變成ES5的語法。 1、使用Babel把ES6編譯成ES5 1...

    android_c 評論0 收藏0
  • 搭建一個es6的開發(fā)環(huán)境

    摘要:前提是你已經(jīng)安裝了手動創(chuàng)建一個工作目錄以下是的內(nèi)容在目錄下創(chuàng)建一個這里寫我們的代碼接下來我們需要把語法編譯成我們?yōu)g覽器所識別的語法文件,那就用到我們的神奇在安裝之前我們要先初始化一下項目全局安裝輸入以下命令此時文件中就有的依賴了你以 1.前提是你已經(jīng)安裝了node,npm2.手動創(chuàng)建一個工作目錄 dist,src,index.html 以下是index.html的內(nèi)容 ...

    jcc 評論0 收藏0
  • 如何搭建es6開發(fā)環(huán)境

    摘要:安裝此過程沒有難點,略過下載完成后可以通過和來查看是否安裝成功以及版本后安裝新建一個目錄項目名稱進入該項目,然后一路回車即可。 node.js安裝 此過程沒有難點,略過 下載完成后可以通過node -v和npm -v來查看是否安裝成功以及版本后 webpack 安裝 新建一個目錄(項目名稱), 進入該項目,npm init, 然后一路回車即可。(會生成一個package.json...

    OldPanda 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<