linuxにインストールされたes 6の環境構築及びプロジェクトの作成

2041 ワード

nodejsとnpmをインストールします
  • nodejs:JavaSriptのインタプリタは、サーバー上で実行しています.Googleのブラウザからです.公式サイトに行って、自分のシステムに合ったファイルをダウンロードします.nodejsダウンロードの英語アドレスnodejsダウンロードの中国語住所
  • ダウンロードされたtarファイルはサーバにアップロードされ、解凍され、設定環境変数によってグローバルに変化する(操作を推奨するユーザはroot).
    1)              ,           cd opt/
    
    2)    (               nodejs,        ,                 )
    
    	 ① tar -xvf   node-v6.10.0-linux-x64.tar.xz   
    
    3)      
    	  ①      
    	  		/etc/profile/
    	  ②      
    	  		~./.profile
    	  		~./.bashrc
    	  ③vi .bashrc 
    	  		      :export: NODE_HOME=/opt/node-v6.10.0-linux-x64
    	  		export PATH=$PATH:$NODE_HOME/bin
    	  ④source .bashrc
    	
    4)  node         ,node -v
    
  • npm:node package manager nodeのパケットマネージャは、javaのMavenに似ています.様々な依存をダウンロードできます.
    	1)   node        npm,          :npm -v,       ,      2,    ,apt -get install npm
    	2)  npm
    			npm install -g npm
    
  • プロジェクトを作成
  • babel、es 6をs 5
    			npm install babel-cli --global	//    babel				
    			mkdir app01						//      
    			cd app01						//      
    			npm init  -y					//        package.json  ,    、  、       ,-y      
    			mkdir src dist            		//      	
    			vi src/hello.js					// src    hello.js  
    			npm install babel-preset-es2015 --save-dev
    			/*presets        ,          ,         .
    		     ES2015    
    		    $ npm install --save-dev babel-preset-es2015
    		
    		    react    
    		    $ npm install --save-dev babel-preset-react
    		
    		     ES7             (  4   ),    
    		    $ npm install --save-dev babel-preset-stage-0
    		    $ npm install --save-dev babel-preset-stage-1
    		    $ npm install --save-dev babel-preset-stage-2
    		    $ npm install --save-dev babel-preset-stage-3*/
    		
    		  ,       .babelrc。
    			vi .babelrc
    			{
    				"presets": [
    			          "es2015",
    			          "react",
    			          "stage-2"
    			        ],
    			        "plugins": []
    			}
    			babel src/hello.js 					//  
    			babel src/hello.js ./dist/			//
    			npm install jQuery  npm install qs  //    
    			npm uninstall jQuery				//       
    
  • に変換します.