Angular2开发环境搭建之VS Code

电玩女神 2022-06-04 01:40 272阅读 0赞

**一、设置开发环境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

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

![Center][]

三、创建新项目

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

ng new my-app

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

![Center 1][]

四、启动开发服务器

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

cd my-app
    ng serve --open

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

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

![Center 2][]

**五、在 VS Code中打开项目**

![Center 3][]

![Center 4][]

更多：

[Angular CLI简介2][Angular CLI_2]

[Angular CLI简介][Angular CLI 1]

[Ionic2 相关文档整理][Ionic2]

[Angular CLI]: https://github.com/angular/angular-cli
[Center]: /images/20220604/b4992ab8fe224602936cba21a13208cf.png
[Center 1]: /images/20220604/4a8572c8c50c441e88b237b6ff70bbbb.png
[Center 2]: /images/20220604/415548d4be054e9d91b34d501b03a198.png
[Center 3]: /images/20220604/edffe3f7270541bcb3657a9fc5523122.png
[Center 4]: /images/20220604/b6e55bed83724ab5b704a52133bd8b84.png
[Angular CLI_2]: http://blog.csdn.net/u011127019/article/details/78662242
[Angular CLI 1]: http://blog.csdn.net/u011127019/article/details/78661287
[Ionic2]: http://blog.csdn.net/u011127019/article/details/78651570

发表评论取消回复

表情：

评论列表（有 0 条评论，272人围观）

还没有评论，来说两句吧...

相关阅读

相关 Apache Cordova开发环境搭建（二）VS Code

Apache Cordova开发环境搭建之VS Code 一、环境配置 > 1、下载并安装[Node.js][] [Node.js]: http://lib.csdn.

素颜马尾好姑娘i/ 2022年07月12日 10:56/ 0 赞/ 214 阅读

相关【Angular2】搭建开发环境

一、前言随着前端工程化的浪潮到来，最近公司的新项目需要使用Angular2作为前端的开发语言。当然小编之前是没有接触的，而且Angular2也是在Angul

待我称王封你为后i/ 2022年06月08日 13:13/ 0 赞/ 270 阅读

相关 Angular2开发环境搭建之VS Code

一、设置开发环境Node Js Angular2开发环境主要依赖Node Js和Npm，需要node 6.9.x和npm 3.x.x 以上的版本。查看版本命令使

电玩女神/ 2022年06月04日 01:40/ 0 赞/ 273 阅读

相关 Ionic2开发环境搭建-VS 2017

目前在VS 2017中创建Ionic2版本项目注：在VS中开发Ionic项目，使用的Ionic(v2.x)，Cordova(v6.3.1)，Angular(v2.x)的版本

小灰灰/ 2022年06月01日 11:58/ 0 赞/ 214 阅读

相关 Ionic3开发环境搭建-VS Code

一、Ionic3在VS Code中的开发环境搭建 1.全局安装Ionic包 npm install -g cordova ionic 使用 ionic -v命令，

一时失言乱红尘/ 2022年06月01日 11:57/ 0 赞/ 201 阅读

相关搭建angular开发环境

1、下载quickstart [点击打开链接][Link 1] 2、在quickstart目录下输入npm install 3、npm start 4、local

「爱情、让人受尽委屈。」/ 2022年06月01日 03:14/ 0 赞/ 232 阅读

相关 Angular5.0之开发环境搭建

在使用Angular5.0进行开发的时候，我们先要在自己的电脑上搭建相关环境，主要要安装Nodejs、Angular CLI，然后在选择一款自己的开发工具就可以进行开发了。

一时失言乱红尘/ 2022年05月25日 01:22/ 0 赞/ 183 阅读

相关 VS Code开发Spring Boot + Cloud示例（一）搭建VS Code Java开发环境

机器环境：Windows 10，用户名hugo（文章里面出现hugo时请改成你自己的用户名） 1 安装JDK 10 1.1 下载下载地址：[Java SE De

野性酷女/ 2022年05月15日 00:55/ 0 赞/ 743 阅读

相关九、搭建Angular开发环境

搭建Angular开发环境 1、安装node.js node.js是JavaScr

心已赠人/ 2022年05月10日 13:34/ 0 赞/ 269 阅读

相关 VS Code + Flutter 搭建环境（Win）

VS Code + Flutter 搭建环境（Win）文章目录 VS Code + Flutter 搭建环境（Win）安装 Android S

今天药忘吃喽~/ 2021年12月19日 02:27/ 0 赞/ 728 阅读