前端之家收集整理的这篇文章主要介绍了
angular4开发环境搭建以及项目启动过程,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
https://blog.csdn.net/qq_34645412/article/details/77145127
1.安装Node.js®和npm,node官网下载安装即可
2.请先在终端/控制台窗口中运行命令node -v
和npm -v
,来验证一下你正在运行 node6.9.x
和 npm3.x.x
以上的版本。更老的版本可能会出现错误,更新的版本则没问题。
3.全局安装Angular CLI。
4.ng-v看安装结果
5.创建新项目
ngnewxxx
xxx为项目名称
6.启动项目
cdmy-app
ngserve
e2e/
在e2e/ 下是端到端(end-to-end)测试。 它们不在src/ 下,是因为端到端测试实际上和应用是相互独立的,它只适用于测试你的应用而已。 这也就是为什么它会拥有自己的tsconfig.json 。 |
node_modules/ |
Node.js 创建了这个文件夹,并且把package.json 中列举的所有第三方模块都放在其中。
|
.angular-cli.json |
Angular CLI的配置文件。 在这个文件中,我们可以设置一系列默认值,还可以配置项目编译时要包含的那些文件。 要了解更多,请参阅它的官方文档。 |
.editorconfig |
给你的编辑器看的一个简单配置文件,它用来确保参与你项目的每个人都具有基本的编辑器配置。 大多数的编辑器都支持.editorconfig 文件,详情参见http://editorconfig.org。 |
.gitignore |
一个Git的配置文件,用来确保某些自动生成的文件不会被提交到源码控制系统中。 |
karma.conf.js |
给Karma的单元测试配置,当运行ng test 时会用到它。 |
package.json |
npm配置文件,其中列出了项目使用到的第三方依赖包。 你还可以在这里添加自己的自定义脚本。 |
protractor.conf.js |
给Protractor使用的端到端测试配置文件,当运行ng e2e 的时候会用到它。 |
README.md |
项目的基础文档,预先写入了CLI命令的信息。 别忘了用项目文档改进它,以便每个查看此仓库的人都能据此构建出你的应用。 |
tsconfig.json |
TypeScript编译器的配置,你的IDE会借助它来给你提供更好的帮助。 |
tslint.json
|
给TSLint和Codelyzer用的配置信息,当运行ng lint 时会用到。 Lint功能可以帮你保持代码风格的统一。 |