VSCode 通过Typescript 实现的智能提示

1. 先为当前用户获取终端命令行的Administrator权限
   sudo chown -R $USER /usr/local
2. 全局安装Typings
   npm install -g typings
3. 查看Typings的版本号
   typings --version

4. 安装完成后需要添加相对应的提示功能库或者框架的类型信息文件
   typings install dt~node --global --save
   类似的安装其他模块的dt (DefinitelyTyped)文件
   typings install dt~express --global
   typings install dt~lodash --global

   
   
   

   图 1.1

5. 查看是否存在相对应的文件
   typings search exampleName

   
   
   

   图 1.2

6. 启用智能提示功能
   6.1 在需要提示的文件头添加提示文件的相对目录
   ///

   
   
   

   图 1.3
   
   

   6.2 第二种是在项目所在目录中增加一个名为jsconfig.json的文件。
   第一步， 通过终端命令行建立package.json
   npm init
   第二步， 在package.json 文件中添加"dependencies": { "typings" : "*"},
   第三步， 在终端命令行中执行 npm install, 安装所需要的typings 模块
   第四步，随便选中一个js文件，vscode右下角会弹出一个绿色的小灯泡，如图 1.5
   第四步， 新建文件typingdemo.js 文件, 如图 1.6

   
   
   

   图 1.4

图 1.5

jsconfig.json#

{
    // See https://go.microsoft.com/fwlink/?LinkId=759670
    // for the documentation about the jsconfig.json format
    "compilerOptions": {
        "target": "es6",
        "module": "commonjs",
        "allowSyntheticDefaultImports": true
    },
    "exclude": [
        "node_modules",
        "bower_components",
        "jspm_packages",
        "tmp",
        "temp"
    ]
}

图 1.6