ES6-浏览器运行环境配置方法

现在ES6用的越来越多,想要学习使用ES6,只需简单搭建引入几个js即可运行ES6代码

但是需要基本的服务器环境下运行(如http://10.12.8.161:8047/js-test/export/export.html 这样服务器环境访问)。

引入这几个js

<script type="text/javascript" src="./bower_components/jQuery/dist/jquery.min.js"></script>
    <script type="text/javascript" src="./bower_components/traceur/traceur.js"></script>
    <script type="text/javascript" src="./bower_components/bootstrap/dist/js/bootstrap.js" ></script>

ES6 js 文件运行需要设置
type="module"

<script type=‘module‘>
         import * as cc  from ‘./js/main.js‘;
         console.log(cc);
    </script>

完整示例:

<html>
<head>
    <meta charset="UTF-8">
    <title>es6</title>
    <script type="text/javascript" src="./bower_components/jQuery/dist/jquery.min.js"></script>
    <script type="text/javascript" src="./bower_components/traceur/traceur.js"></script>
    <script type="text/javascript" src="./bower_components/bootstrap/dist/js/bootstrap.js" ></script>
    <script type="text/javascript">
    //traceur.options.experimental = true;
    </script>
</head>
<body>
     <script type=‘module‘>
         import * as cc  from ‘./js/main.js‘;
         console.log(cc);
    </script>
</body>
</html>

下载:

https://files.cnblogs.com/files/zhidong123/ES6.zip

原文地址:https://www.cnblogs.com/zhidong123/p/9970903.html

时间: 2024-10-21 19:15:02

ES6-浏览器运行环境配置方法的相关文章

使用webpack+babel构建ES6语法运行环境

1.前言 由于ES6语法在各个浏览器上支持的情况各不相同,有的浏览器对ES6语法支持度较高,而有的浏览器支持较低,所以为了能够兼容大多数浏览器,我们在使用ES6语法时需要使用babel编译器将代码中的ES6语法编译为ES5语法,下面就开始搭建一个基于webpack+babel的ES6语法运行环境. 2.需要安装的包 搭建环境之前我们需要安装以下JS包: webpack(安装webpack,必装) babel-loader和babel-core(babel转码器,必装) babel-preset-

maven(六),外置maven运行环境配置

外置maven eclipse内置的maven插件是固定版本,如果要用其他版本的maven,可以使用外置maven 下载地址: http://maven.apache.org/download.cgi   window系统下载 apache-maven-3.3.9-bin.zip, 解压 进入eclipse首选项--maven--installations--add--选择刚解压的maven目录--完成 如图第一行是eclipse内置maven3.3.3版本,第三行是我们刚刚添加的3.3.9版本

Windows 8 IIS中配置PHP运行环境的方法

在Windows 8 的IIS(8.0)中搭建PHP运行环境: 一:安装IIS服务器 1.进入控制面板>>程序和功能>>打开或关闭Windows 功能,找到Internet信息服务,记得选中CGI这一项 2.安装完成后在浏览器中打开localhost,查看是否能显示IIS的欢迎页面: 二:下载安装配置PHP环境 1.下载PHP,官网地址:http://windows.php.net/download/, 2.将下载的zip压缩包解压到D盘下,解压后为E:\php; 3.进入控制面板

Tomcat、Apache、IIS这三种Web服务器来讲述3种搭建JSP运行环境的方法

一.相关软件介绍 1. J2SDK:Java2的软件开发工具,是Java应用程序的基础.JSP是基于Java技术的,所以配置JSP环境之前必须要安装J2SDK. 2. Apache服务器:Apache组织开发的一种常用Web服务器,提供Web服务. 3. Tomcat服务器:Apache组织开发的一种JSP引擎,本身具有Web服务器的功能,可以作为独立的Web服务器来使用.但是,在作为Web服务器方面,Tomcat处理静态HTML页面时不如Apache迅速,也没有Apache健壮,所以我们一般将

JAVA EE 运行环境配置(包含JAVA SE)

1.下载并安装jre-7u7-windows-i586.exe (最新的JAVA运行环境) 2.下载并安装java_ee_sdk-6u4-jdk7-windows.exe (Java EE & GlassFish Server的安装包)位置: C:\Program Files\glassfish3 3.系统环境变量配置:JAVA_HOME  C:\Program Files\glassfish3\jdk7 (安装目录)classpath  .;%JAVA_HOME%\lib;%JAVA_HOME

(5)基本工作流(打包与运行环境配置)

完成以下操作,才能在编辑器中使用打包功能:   1.环境搭建(Win/Mac)   2.在编辑器中配置发布和打包设置 环境搭建&打包设置   一.Windows平台   注意:JDK.NDK.SDK.Framework的安装路径.电脑的系统变量配置.以及编辑器打包设置中这些工具的路径配置一定要都正确,任何一个地方不对,打包很有可能会出现错误.   1.从商店下载JDK,安装到英文目录,非英文尤其中文目录可能会导致打包出现异常问题. 安装成功后,Java目录下会生成2个文件夹,分别以jdk和jre

Egg.js运行环境配置场景

没有NODE_ENV和EGG_SERVER_ENV环境变量的场景 执行npm run dev,默认读取config.default.js. 执行npm run start,默认读取config.prod.js 有NODE_ENV和EGG_SERVER_ENV环境变量的场景 EGG_SERVER_ENV优先级高于NODE_ENV. 比如,要为开发流程增加集成测试环境 SIT.将 EGG_SERVER_ENV 设置成 sit(并建议设置 NODE_ENV = production,也可以不设置),启

editplus配置拉菲网站开发C/C++编译和运行环境的方法

1.首先是拉菲网站开发haozbbs.com Q1446595067 右击计算机--属性--左侧高级系统设置--高级--环境变量--系统变量--path--编辑--在最后将minGW的安装目录下的bin路径添加进去, 例如 D:\mingw\bin;,大括号内的全部.添加语句前去确保是分号.查看自己路径的方法,找到gcc.exe文件查看属性里的位置 2.下面是配置editplus的编译环境的步骤: 工具>配置自定义工具>选择一个空白组(例如Group4)>组名>修改成自己方便的组名

几种访问其他域swf文件,或本地浏览器运行环境【安全沙箱】冲突解决方法

声明: 几种方法都源自网络,我只负责汇总一下子,因为来自多方转载,也找不到初始出处了,需要的可以随意收藏,物尽其用,蛮好^_^ 对于类似的出错信息:SecurityError: Error #2148: SWF 文件 file:///F:/work2010/tiger/rmpublisher.air/bin-debug/index.swf 不能访问本地资源 file:///F:/work2010/tiger/rmpublisher.air/bin-debug/plugins/plugins.xm