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 在需要提示的文件头添加提示文件的相对目录
    /// <reference path="./typings/index.d.ts" />


    图 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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容