利用VS Code开发你的第一个AngularJS 2应用程序(3)
6、在根文件夹(angular2-quickstart)下,创建css文件styles.css:
/* Master Styles */ h1 { color: #369; font-family: Arial, Helvetica, sans-serif; font-size: 250%; } h2, h3 { color: #444; font-family: Arial, Helvetica, sans-serif; font-weight: lighter; } body { margin: 2em; }
配置应用程序
1、在VS Code中,在根文件夹(angular2-quickstart)下,创建.vscode子文件夹。
2、在.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 } }
3、在.vscode子文件夹下,创建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"] }
运行应用程序至此,配置完毕,按 Ctrl + Shift + B 编译,程序将会将Typescript编译成 Javascript ,同时启动一个 lite-server, 加载我们编写的index.html。 显示:我的第一个 Angular 2 应用程序
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对黑区网络的支持。
参考资料:
- 快速起步
- 打造AngularJs2.0开发环境
- AngularJs 2 快速入门
- AngularJS2.0起步