React環(huán)境搭建

node 安裝和 npm

  1. windows 安裝node 可以直接在 node官網(wǎng) 直接下載直接當(dāng)作普通軟件安裝即可。
  2. 安裝完成可以在控制臺(tái)中運(yùn)行node測(cè)試是否安裝成功 win + r 輸入 cmd ,直接在終端輸入node -v 輸出版本號(hào)及已經(jīng)成功安裝。
  3. 目前新版本的node自帶npm(npm 是隨同 node 一起安裝的包管理工具)。這里安裝好了 node并且測(cè)試安裝成功之后,可以繼續(xù)在控制臺(tái)輸入 npm -v 檢查是不是安裝成功。同樣成功會(huì)輸出版本號(hào)。
  4. 命令行cd進(jìn)入項(xiàng)目目錄
  5. 安裝 jsx語法tranformer
npm install --global babel-cli
npm install babel-preset-react
  1. 在web目錄下執(zhí)行 transformer
babel --presets react jsx --watch --out-dir funcjs
  1. npm install (安裝依賴)
  2. npm start (啟動(dòng))
  3. 打包可部署 npm run build (在dist目錄下,部署的東西)
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 在當(dāng)下前端熱潮中,一大批前端開發(fā)者,迷失了學(xué)習(xí)和追求的方向,面對(duì)日夜更迭的前端技術(shù),我想大多數(shù)人跟我一樣會(huì)覺得自己...
    wenzirang閱讀 665評(píng)論 0 3
  • 一.安裝node.js 官方下載地址https://nodejs.org/en/盡量安裝最新的穩(wěn)定版,react對(duì)...
    6d898101c4c9閱讀 287評(píng)論 0 1
  • 1.安裝Node.js,npm node官網(wǎng)下載:https://nodejs.org/en/ ,一路next默...
    靈魂深靈閱讀 239評(píng)論 0 0
  • 其實(shí)在今年年初,就初略的寫過一篇關(guān)于react項(xiàng)目創(chuàng)建的詳細(xì)步驟的文章,但那時(shí)候都是在最后實(shí)踐完成之后自己憑借著回...
    Swimly閱讀 3,254評(píng)論 0 2
  • React環(huán)境搭建(一):webpack author: lordkhandate: 2017-02-08refe...
    lordkhan閱讀 674評(píng)論 0 0

友情鏈接更多精彩內(nèi)容