Sublime Es6教程1-环境搭建

因为现在网上的教程都不靠谱,于是决定自己跳坑自己写,分为三块来玩:

一、环境搭建
二、语法讲解
三、项目实战

很多时候,你想搞一个东西,却因为环境没有搭建好,而不能很开森的探索未知的世界,多年的编程经验的我依然没有说服自己在没有自动提示,没有高亮关键词的情况下去裸身探索。

独乐乐不如众悦乐,于是这篇文字出来了。

一、环境搭建
1.安装JavaScriptNext,mac下cmd+shift+p,install package ,搜索 javascriptNext,然后安装即可

自动提示es6语法,自动高亮 (https://packagecontrol.io/packages/JavaScriptNext%20-%20ES6%20Syntax),最好安装好nodejs

2.工具栏view-syntax-javascriptNext(javascript)

3.开始写代码吧,最新版的浏览器已经支持es6语法了,大胆的去helloWord吧。

代码:


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>

        const A = 'static A';
        console.log(A);//static A

        let b = 'b';
        console.log(B);//b

    </script>
</body>
</html>

上面代码另存为 es6.html,谷歌浏览器直接运行就行!

2016-04-03

@ 落雨
http://ae623.cn

时间: 2024-10-31 00:30:32

Sublime Es6教程1-环境搭建的相关文章

AngularJs入门教程之环境搭建+创建应用示例_AngularJS

本文简单讲述了AngularJs环境搭建+创建应用的方法.分享给大家供大家参考,具体如下: 概述 AngularJS是Google工程师研发的一款JS框架,官方文档中对它的描述是,它是完全使用JavaScript编写的客户端技术,同其他历史悠久的Web技术(HTML,CSS等)配合使用,使得Web开发变得更简单.更高效.它是笔者用过的比较有特色的一款框架,以HTML作为模版语言并扩展HTML属性,使得应用组件开发保持高度的清晰和一致.本系列文章將以实际的案例简单的介绍AngularJs的特性和用

Sublime Es6教程2-基本语法

2.基本语法 let, const, forEach,for of class, extends, super arrow functions, template string, destructuring, default, rest arguments 以上是我们需要掌握的常用的ES新特性,一个一个的玩,不要怕 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8

非常详细的Hibernate环境搭建【图解教程】及简单使用

Hibernate环境搭建[图解教程] 环境搭建其实可以简单到导入相关jar包即可. 但是对于学习来说,这个环境搭建的内容还是挺多的,目的是提供一个让我们如何快速学习和掌握类库的学习环境.作为程序猿,学习和使用类库是必须掌握的技能.如何快速的学习和使用类库,这里有很多经验和技巧.比方说参照官方文档中教程.api.在ide中加入如javadoc支持等等. 官方文档是我们学习一个类库中最重要的手段和途径,书籍.博客教程的作者都是根据官方文档来学习这些类库的.官方文档提供了最新的.系统的.最准确的学习

Redux教程1:环境搭建,初写Redux

[序] 如果将React比喻成士兵的话,你的程序还需要一位将军,去管理士兵(的状态),而Redux恰好是一位好将军,简单高效: 相比起React的学习曲线,Redux的稍微平坦一些:本系列教程,将以"红绿灯"为示例贯穿整个demo,希望能让用户快速理解&学习Redux: 强烈推荐 Redux 中文文档,本redux教程所有的材料和思路都来源于此: 这个系列拆分成3篇文章,最后获得的效果图为: (这个是gif图,如果没动画请点击在新窗口打开) 红绿灯初始状态是 绿灯5s,继而循环

PHP环境搭建:Windows 7下安装配置PHP+Apache+Mysql环境教程

这两天刚装好Windows 7,碰巧前段时间有朋友问我Windows下如何安装搭建PHP环境,所以打算勤劳下,手动一步步搭建PHP环境,暂且不使用PHP环境搭建软件了,在此详细图解在Windows 7下安装配置PHP+Apache+Mysql环境的教程,希望对PHP初学者有所帮助. 在Windows 7下进行PHP环境搭建,首先需要下载PHP代码包和Apache与Mysql的安装软件包. PHP版本:php-5.3.2-Win32-VC6-x86,VC9是专门为IIS定制的,VC6 是为了其他W

win7 php环境搭建教程:win7下php环境搭建步骤详解

  今天绿茶小编带给大家的是win7 php环境搭建教程,php新手如果不知道如何在win7下php环境搭建方法的话,那么接下来这篇文章就可以帮到你,步骤还是很详细的哦~ 以下是一些注意事项: 一.apache选择msi格式下载,一路next,ok,修改httpd.conf进行配置; 二.配置的LoadModule php5_module路径一定要正确设置,并且注意双引号为英文字符; 三.php配置按参考修改即可,一般无大问题; 四.配置完成apache不能启动报错:the requested

node.js环境搭建教程

  Node.js是一个JavaScript运行环境,但是实际上他是多谷歌V8引擎进行封装,node对一些特殊的用例进行了优化,提供了API,让V8更加好的在非浏览器情况下运行,下面小编就为大家介绍一下node.js环境搭建教程 Node.js是一个事件驱动I/O服务端JavaScript环境.由于其拥有异步非阻塞.环境搭建简单.实践应用快等特性,使得其在新一代编程开发中更为流行.同时,由于Node.js 基于JavaScript语法,因此在学习Node.js时也可以了解和学习JavaScrip

Linux下Apache+mysql+PHP运行环境搭建教程

 今天因为工具需要需要配置一个web环境,由于初次接触在linux内核系统中配置Apache+mysql+PHP环境折腾了许久,下面整理了一篇安装教程与大家一起交流一下吧. PHP之服务器环境搭建安装软件准备 1. Apache224.tar.gz 2. php-5.2.9.tar.gz 3. mysql-5.1.54.tar.gz PHP和各个组件包 libxml2-2.6.30.tar.gz xml c语言版的解析器 libmcrypt-2.5.8.tar.gz 加密算法扩展库 zlib-1

Windows 2003 IIS6+PHP5+MySQL5+Zend环境搭建图文教程-最新新手教程

中介交易 SEO诊断 淘宝客 云主机 技术大厅 Windows 2003 IIS6+PHP5+MySQL5+Zend环境搭建图文教程 最新新手教程 一.系统约定环境软件下载后存放位置:D:\ServerSoft 环境软件安装位置:D:\ServerRoot PHP安装位置:D:\ServerRoot\PHP MySQL安装位置:D:\ServerRoot\MySQL Zend Optimizer安装位置:D:\ServerRoot\Zend IIS网站站点根目录:D:\wwwroot MySQL