搭建react或者react native開發環境

安裝React環境

  1. 首先安裝node.js 的npm環境,後面我們要通過npm來安裝react
  2. 安裝完成後,打開cmd,然後看一下node版本,得大於6.5以上,
    用命令行node -v
  3. 然後安裝react環境,通過在cmd下命令:npm install create-react-app -g
  4. 創建一個項目名字叫my-project 下命令:create-react-app my-project,然後需要等待幾分鐘,因爲在安裝一個依賴
    注意:npm安裝時太慢,可以設置一下,下一個替換npm鏡像的命令:npm config set registry=http://registry.npm.taobao.org。設置完可以用npm config get registry後,返回http://registry.npm.taobao.org則設置成功,然後在調用create-react-app my-app的命令來創建項目。
    編輯器:我用的編輯器爲vscode,關於配置vscode的代碼自動提示和debug運行,這裏有一個鏈接說的挺好點擊跳轉
    安裝react代碼自動提示:1:在cmd下命令:npm install -g typings
    安裝完後cd進入項目目錄下命令:typings install dt~react-native --save --g,退出重新進入編輯器就好了

安裝React Native環境
5. 如上,安裝好Node.js 後,在cmd下命令 npm install -g react-native-cli 命令後就安裝好環境
6. 然後創建一個項目,我創建的項目的名字爲FirstRnApp 下的命令是 react-native init FirstRnApp

最後安裝Android或者IOS開發環境和編譯器即可
命令行運行Android項目:在cmd進入項目的文件夾,然後下命令 react-native run-android

React項目:
項目打包 npm run build,然後會生成一個build文件,裏面是打包好的項目
如果想在本地搭一個微型服務環境,可以下npm install -g serve這個命令,然後會給兩個地址,訪問這兩個地址都可以訪問打包完的項目。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章