0、在命令行中,cd到项目下执行:

npm install

1、调试-》启动调试-》node.js, 会生成.vscode/launch.json文件

2、修改launch.json文件"program": "${workspaceRoot}/node_modules/lite-server/bin/lite-server"

3、任务:配置任务运行程序-》创建Typescript项目,生成tasks.json

4、Ctrl+Shift+B 运行,会报错,需要.vscode目录下增加settings.json文件:

// 将设置放入此文件中以覆盖默认值和用户设置。
{"typescript.tsdk": "node_modules/typescript/lib",// ts 项目, 隐藏 .js 和 .js.map 文件"files.exclude": {"node_modules": true,"**/*.js": { "when": "$(basename).ts" },"**/*.js.map": true}}

  修改tasks.json文件:

{// See https://go.microsoft.com/fwlink/?LinkId=733558// for the documentation about the tasks.json format"version": "0.1.0","command": "cmd","isShellCommand": true,"showOutput": "always","args": ["/C npm start"]
}

 6、Ctrl+Shift+B 运行Ok,弹窗自动访问http://localhost:3000/

转载于:https://www.cnblogs.com/ivan0626/p/6682614.html

vscode + angular相关推荐

  1. vscode angular智能提示_【线下活动】手把手教你玩转 VS Code 插件开发

    感谢 Google Developer Group 的邀请,3 月 30 号下午,韩老师将手把手带你玩转 VS Code 插件开发. Angular 使用了 TypeScript,VS Code 使用 ...

  2. x1c2017 8G版 win linux的取舍纠结记录

    x1c 2017 的 i5 7200U 8G ram 的丐版.换了1T SSD.其实一般使用没啥问题. 1 外出携带的轻便性太满意(mac13寸相比之下都太重了): 2 coding时候的安静性,比原 ...

  3. 一等奖,iPhone XR来了!A/B Test,个人中心首页改版实验分析报告(5000字详解)...

    作者:JM,从0到1规划过访客日浏览量超千万的流量分析系统,曾为年销售破百亿跨境电商公司商业分析系统的产品负责人,现为广告营销公司数据产品经理. 关键词:A/B Test 工具:友盟+移动统计(U-A ...

  4. 【angular】vscode设置tslint保存自动修改

    开发angular一直用webstorm,诚然,确实好用,就是公司的电脑不太给力,开启关闭都费时间,一个字就是慢,最后还是换回了vscode. 不过,有个问题就是,保存时tslint不会自动格式化,百 ...

  5. 【必备】VSCode开发Angular的必备插件

    [热门]AutoScssStruct4Vue:自动构建SCSS代码 [推荐]Angular File Changer (Supporting Touch Bar and NgRx)→用于快速切换同名H ...

  6. 使用Angular CLI从蓝本生成代码

    第一篇文章是: "使用angular cli生成angular5项目" : http://www.cnblogs.com/cgzl/p/8594571.html 这篇文章主要是讲生 ...

  7. vscode更改编码_装上后这 10个扩展后,VSCode 真的是无敌的存在

    转CSDN 装上后这 10个扩展后,VSCode 真的是无敌的存在​blog.csdn.net VS Code是目前最受欢迎的代码编辑器之一,也是大多数Web开发人员的首选武器.没错,它快速,高效并且 ...

  8. VSCode打造成为开发神器-插件篇

    VSCode打造成为开发神器-插件篇 1. 编程语言类 下面的几个插件根据情况安装. C/C++ Dart dart-import Go Go Doc ** Python** 2. 代码风格类 Bea ...

  9. vscode 一些基本知识

    Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮.智能代码补全.自定义热键.括号匹配.代码片段. ...

最新文章

  1. 尹伊:我眼中的Datawhale
  2. 昵图网学校计算机教室制度,ClassIn在线教室
  3. Learn About Service Cloud for Agents
  4. linux下JNI的demo
  5. C++ const详解
  6. Linux常用命令(补充)--其他
  7. cNode------路由设置以及项目基本框架搭建
  8. Echarts 地图基本使用
  9. 移动Web开发字体格式选择(附.woff\.woff2 兼容性)
  10. CVR预估论文阅读笔记:一次性解决三大难题
  11. 笔记本禁用键盘的方法(已试过win10/win11均可生效)
  12. Linux网络容灾,一个简单的两个Linux之间的容灾备份的Demo
  13. One-Hot 独热编码
  14. 研究生周报(第十四周)
  15. std::string 含义
  16. 高准艾默生质量流量计的相关流体特性
  17. 无线网卡和无线上网卡、无线路由器和无线AP、WIFI和WinMax
  18. python图片转pdf文件_用python 制作图片转pdf工具
  19. windows 下kaldi配置
  20. 使喷墨打印机重获新生

热门文章

  1. 前端集成解决方案(转)
  2. Web安全之跨站脚本攻击(XSS)
  3. 温故而知新 js 的错误处理机制
  4. windows服务与其他进程使用MemoryMappedFile
  5. malloc/free与new/delete的区别与联系
  6. Office合并字符功能比较(转)
  7. 在Linux系统环境下修改MySQL的root密码
  8. 计算机硬件检测维修资料,计算机硬件检测维修实训台 Computer hardware detection and maintenance training bench...
  9. Oracle dmp文件导入
  10. bash脚本创建变量_创建一个Bash脚本模板