Nodejs,Npm,React安裝教程

React安裝

1.下載node.js安裝包

下載二進制包

選擇比較穩定的版本進行安裝,v8.9

2.安裝

直接把文件解壓復制到某個目錄下,

sudo cp -r node-v8.9.0  /opt/node #你下載的版本sudo touch /etc/profile.d/node.sh #新建一個腳本文件sudo gedit /etc/profile.d/node.sh #打開文件

在文件內寫入下面代碼:

export NODE_HOME=/opt/node

export PATH=PATH:NODE_HOME/bin

export NODE_PATH=PATH:NODE_HOME/lib/node_modules

npm自動補全設置

有兩種方法:
1.終端打開輸入:

npm completion >> ~/.bashrc #重新啟動終端即可

2.寫自動補全配置文件
配置文件下載

將配置文件移動到指定文件夾內:

sudo mv npm_completion /etc/bash_completion.d/

重啟終端即可。

3.重啟電腦

打開終端,顯示以下結果就正確了。

$:nodv -v
v8.9.0
$:npm -v
v5.5.1

4.安裝react

終端打開,首先要終端科學上網。

npm install -g create-react-app
npm install -g react-native-cli #此版本為安卓版

5.測試react項目

測試之前要更換鏡像(國內淘寶鏡像)

npm config set registry https://registry.npm.taobao.orgnpm config set disturl https://npm.taobao.org/dist

在home目錄下創建demo文件夾

cd demo
create-react-app hello-world
cd hello-world
npm start

如果成功自動打開瀏覽器并跳轉到react-native界面即成功。

安卓版的測試(暫時不需要了解)

react-native init Demo
react-native start
react-native run-android #即可打包編譯APK了

在彈出的調試菜單中的Dev Settings中的Debug Server host中寫上Server端的ip地址+端口,例如 192.168.0.1:8081
端口是在React Native 的Server開頭顯示的
在編碼調試過程中一定不能關閉Server窗口

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/536180.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/536180.shtml
英文地址,請注明出處:http://en.pswp.cn/news/536180.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

Ubuntu下的提示信息彩色顯示

【問題】 雖然已經折騰過了: 【已解決】Ubuntu中讓終端只顯示當前路徑,而不顯示絕對路徑 但是,終端中的prompt提示信息,不是彩色的,導致的結果是: 當終端中輸出信息很多時: 【已解決】Ubun…

hustoj的搭建

最近開始接觸服務器之類的,就自己搭建一個hustoj的服務器,hustoj系統的搭建在網上已經很完善了,這里我就簡單的說一下,作為自己的學習筆記。 安裝主要環境,Apache2,MySQL,php5和PHPmyadmin。 …

Shell字符串操作集合

字符操作字符串的長度獲取字符串中某些字符的個數統計單詞的個數bash提供的數組數據結構它是以數字為下標的和C語言從0開始的下一樣awk里面的數組取子串匹配求子串sed有按行打印的功能記得用tr把空格換為行號tr來取子串head和tail查詢字串子串替換tac 會將文本的內容倒置顯示正…

百練4982 踩方格

總時間限制: 1000ms 內存限制: 65536kB描述有一個方格矩陣,矩陣邊界在無窮遠處。我們做如下假設:a. 每走一步時,只能從當前方格移動一格,走到某個相鄰的方格上;b. 走過的格子立即塌陷無法再走第二次;…

Qt自定義QML模塊

自定義QML模塊 含義為將常用風格的Button,Text,RadioButton,或者自定義的控件作為一個控件進行使用,節省代碼。 優點: 代碼簡潔,減少重復代碼自定義的控件進行封裝重復使用可以與QML自帶的庫區別開來優化項目結構 一、創建模塊…

POJ3984 迷宮問題【BFS】

好長時間沒有敲過代碼了,感覺之前學過的都忘了,趁著這個暑假,打算把之前學習的東西都復習一下,當然得慢慢來,畢竟好長時間不敲代碼了,怎么著都有些生疏,再加上之前學的也不咋地,相當…

宏定義基本用法

宏定義 不帶參數 宏定義又稱為宏代換、宏替換,簡稱“宏”。 格式: #define 標識符 字符串其中的標識符就是所謂的符號常量,也稱為“宏名”。 預處理(預編譯)工作也叫做宏展開:將宏名替換為字符串。 掌…

廣度優先搜索練習之神奇的電梯

廣度優先搜索練習之神奇的電梯 Time Limit: 1000ms Memory limit: 65536K 題目描述 有一座已知層數為n的高樓,這座高樓的特殊之處在于只能靠電梯去上下樓,所以要去到某一層要非常耽誤時間,然而更悲哀的是,這座高樓的電梯是限號…

ubuntu安裝proxychains及自動補全

proxychains ProxyChains是本人目前為止用到的最方便的代理工具。 inux下代理一般是通過http_proxy和https_proxy這兩個環境變量,但是很多軟件并不使用這兩個變量,導致流量無法走代理。在不使用vpn的前提下,linux并沒有轉發所有流量的真全局…

快速冪講解

快速冪的目的就是做到快速求冪,假設我們要求a^b,按照樸素算法就是把a連乘b次,這樣一來時間復雜度是O(b)也即是O(n)級別,快速冪能做到O(logn),快了好多好多。它的原理如下: 假設我們要求a^b,那么其實b是可以…

如何查詢資料

如何查詢資料技術資料及問題查詢查詢方法分類查找提取關鍵字GitHub項目優先使用Google搜索引擎Copy Paste論文查找詢問主管 測試修改使用總結分享 公司信息查詢國內公司國外公司 如何查詢資料 技術資料及問題查詢 查詢方法 資料與解決辦法的查詢大致分為7大類。 1.分類查…

山東省第八屆 ACM 省賽 sum of power(SDUT 3899)

Problem Description Calculate ∑ni1im mod (10000000007) for given n,m. Input Input contains two integers n,m(1≤n≤1000,0≤m≤10). Output Output the answer in a single line. Example Input 10 0 Example Output 10 方法:快速冪和大數求和 …

Ubuntu主題更換

Ubuntu主題更換 目前的Ubuntu有Unity和Gnome兩個比較流行的版本,以下為Gnome桌面環境的主題更換,其他桌面環境類似。 主題的下載地址,點擊 Theme 將在網絡上下載的主題文件進行解壓,然后拷貝到 /usr/share/themes/ 目錄下&…

awk簡單使用

awk 用于在linux/unix下對文本和數據進行處理,支持用戶自定義函數和動態正則表達式等先進功能。 命令格式: awk BEGIN{ print “start” } pattern { commend } END{print "end"} file awk "BEGIN{ print “start” } pattern { commend } END{pr…

Ubuntu 14.04 下 Virtual Judge 的搭建

前期準備工作 1.1 一個Linux系統 因為現場賽的緣故,我一直使用的都是ubuntu。 這里我測試用的是Ubuntu14.04 Desktop 64bit ,當然選擇Server會更好一些. 系統的安裝不再贅述,作為服務器請選用Server版本。1.2 更新源 在搭建環境之前,請確保…

BitMap的原理介紹與實現

BitMap 位圖(bitmap)是一種非常常用的結構,在索引,數據壓縮等方面有廣泛應用。位圖是通過將數組下標與應用中的一些值關聯映射,數組中該下標所指定的位置上的元素可以用來標識應用中值的情況(是否存在或者數…

MySQL與PHP連接

1、mysql_connect()-建立數據庫連接 格式: resource mysql_connect([string hostname [:port] [:/path/to/socket] [, string username] [, string password]]) 例: $conn mysql_connect("localhost", "username", "pa…

QML Profiler性能優化教程

QML Profiler 2018年1月26日 vincent 對于一個程序的開發,性能優化是開發中的一個重要步驟。 我們肯定不希望開發出來的程序表現出卡頓,最好是處處流暢,絲滑般的體驗。 對于C程序,我們有很多方法可以做性能優化,例如…

uburntu在不能自動獲取網絡時的聯網設置

一:網絡基礎配置 1. eth0設置不正確,導致無法正常啟動,修改eth0配置文件就好 ubuntu 12.04的網絡設置文件是/etc/network/interfaces,打開文件,會看到 auto lo iface lo inet loopback 這邊的設置是本地回路。在后…

計算機顯卡知識普及

顯卡知識普及 一、什么是顯卡? 顯示接口卡(Video card,Graphics card)、顯示器配置卡簡稱為顯卡,是個人電腦基本組成部分之一。 用途是將計算機系統所需要的顯示信息進行轉換驅動,并向顯示器提供信號&…