Angular2开发环境搭建教程之VS Code

站长资源 2024/11/28 佚名

2 0 1

前言

VSCode是微软推出的一款轻量编辑器，采取了和VS相同的UI界面，搭配合适的插件可以优化前端开发的体验。

布局：左侧是用于展示所要编辑的所有文件和文件夹的文件管理器，依次是`资源管理器`，`搜索`，`GIT`，`调试`，`插件`，右侧是打开文件的编辑区域，最多可同时打开三个编辑区域到侧边。

底栏：依次是`Git Branch`，`error&warning`，`编码格式`等。

一、设置开发环境Node Js

Angular2开发环境主要依赖Node Js和Npm，

需要node 6.9.x和npm 3.x.x 以上的版本。

查看版本命令使用 node -v和 npm -v.

二、Angular2或以上版本使用 Angular CLI命令行工具

可以快速创建项目、添加文件以及执行大堆开发任务，比如测试、打包和发布。

然后全局安装 Angular CLI 。

npm install -g @angular/cli

注：安装过程可能会比较慢，需要等待几分钟。

三、创建新项目

运行下列命令来生成一个新项目以及应用的骨架代码：

ng new my-app

注：第一次安装过程也比较慢，耐心等待几分钟，

四、启动开发服务器

进入项目目录，并启动服务器

cd my-app
ng serve --open

ng serve命令会启动开发服务器，监听文件变化，并在修改这些文件时重新构建此应用。

使用--open（或-o）参数可以自动打开浏览器并访问http://localhost:4200/。

五、在 VS Code中打开项目

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对的支持。

更多：

Angular CLI简介2

Angular CLI简介

Ionic2 相关文档整理

vscode环境搭建,vscode,angular,vscode开发angular2

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

评论“Angular2开发环境搭建教程之VS Code”

暂无评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

2024年11月28日

Angular2开发环境搭建教程之VS Code

利用VS Code开发你的第一个AngularJS 2应用程序

JavaScript原生实现观察者模式的示例

评论“Angular2开发环境搭建教程之VS Code”

P70系列延期，华为新旗舰将在下月发布

更新日志

友情链接