Visual Studio Code ES6

ES6

创建 tsconfig.json

tsc --init

{
  "compilerOptions": {
    "module": "commonjs",  /* 用来指定要使用的模块标准: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */
    "target": "es6" /* target用于指定编译之后的版本目标 version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */
  },
  "exclude": ["node_modules"]
}

浏览器中使用ES6 Module，如下：

  <script type="module"> 
      import {a} from '../static/module.js';
      console.log(a);
  </script>
  
  <!-- 或者 -->
  
  <script src="../static/import.js" type="module"></script>

TypeScript

安装TypeScript Compiler：

//全新安装TypeScript Compiler
npm install -g typescript

//或更新TypeScript Compiler
npm update -g typescript

查看版本：
```
tsc -v
```
安装库的d.ts文件,如安装node.d.ts文件：
```
npm install --save -g @types/node
```

创建 package.json

npm init

{
  "name": "test",
  "version": "1.0.0",
  "description": "测试",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [
    "test",
    "javascript"
  ],
  "author": "name(name@163.com)",
  "license": "ISC",
  "dependencies": {}
}

创建 tsconfig.json

tsc --init

{
  "compilerOptions": {
    "module": "commonjs",
    "target": "es6",
    "removeComments": false,
    "noImplicitAny": false,
    "sourceMap": true,
    "allowJs": true
  },
  "exclude": ["node_modules"]
}

配置TypeScript编译

按ctrl+shift+b进行编译，如果没有配置过task，点击配置任务运行程序之后选择创建TypeScript项目.

在.vscode文件夹下生成一个task.json文件,如下

{
  // 使用 IntelliSense 了解相关属性。 
  // 悬停以查看现有属性的描述。
  // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "启动程序",
      "program": "${workspaceFolder}\\index.js",
      "outFiles": [
        "${workspaceFolder}/**/*.js"
      ]
    }
  ]
}

配置ES6 TypeScript 开发环境

ES6

TypeScript

CATALOG

FRIENDS