linux中安装es6的环境搭建以及项目的创建

安装nodejs和npm

  1. nodejs:JavaSript的解释器,运行在服务器上,出自谷歌浏览器。去官网下载和自己系统匹配的文件:
    nodejs下载的英文地址
    nodejs下载的中文地址

  2. 下载下来的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
    
  3. npm:node package manager node的包管理器,类似于java中的Maven,可以下载各种依赖。

    	1)在安装node的时一般都会携带npm,此时可以在控制台输入:npm -v,如果出现版本号,可以进行操作2,没有出现,apt -get install npm
    	2)更新npm
    			npm install -g npm
    

创建项目

  1. babel,将es6转换为es5

    			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				//卸载安装的依赖
    

你可能感兴趣的:(linux中安装es6的环境搭建以及项目的创建)