发表于: 2020-02-09 22:39:12

0 1286


今天完成的事

1,搭建Angular开发环境;

2,为VS code配置使用typescript;

3,初步学习了Angular部分基础概念;

明天的计划

1,继续学习angular相关概念;

遇到的问题

 安装angular开发环境时,出现该错误

后来通过以管理员运行cmd清除npm缓存,再下载最新版本的Node help后,删除原来安装失败的包,重新安装即可;

详细参考:https://blog.csdn.net/huangsy421/article/details/88667465

收获

     在阅读了长长的vscode配置typescript官方文档后,列一个简要清单:(更多参考:https://code.visualstudio.com/docs/typescript/typescript-tutorial

1,安装nodejs依赖包;

2,大致配置文件:

launch.json文件:

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

tsconfig.json文件:

{
    "compilerOptions": {
      "target""es5",
      "module""commonjs",
      "outDir""out",
      "sourceMap"true,
      "allowJs"true,
    }
  }

【out(ts编译后生成的js文件放入该文件夹)】,为了避免js, ts处于同一空间时文件过多的混乱;

3,新建一个ts文件;

4,编译

任选其一都可以,选择监视可以在文件改动时实时编译;

5,编译生成的js:

自此,简单完成一个ts到js的构建任务;


返回列表 返回列表
评论

    分享到