angular 入坑记录的笔记第一篇,完成开发环境的搭建,以及如何经过 angular cli 来建立第一个 angular 应用。入坑一个多星期,经过学习官方文档以及手摸手的按教程敲官方的快速上手项目,很像后端,嗯,完美的契合了我这种后端开发人员。javascript
对应官方文档地址:css
配套代码地址:angular-practice/src/getting-startedhtml
前提条件前端
## 查看 node 版本
node -v
## 查看 npm 版本
npm -v
复制代码
全局安装 Angular CLIjava
## 在电脑上以全局安装的方式安装 angular cli
npm install -g @angular/cli
复制代码
验证是否安装成功node
## 查看 angular cli 版本
ng v
## 查看 angular cli 中的各类命令解释
ng help
复制代码
经过 Angular CLI 命令来建立一个新的应用git
## 指定位置,建立新的 angular 应用
ng new my-app
复制代码
经常使用命令参数程序员
options | 解释 |
---|---|
--force | 强制覆盖现有文件 |
--skipInstall | 建立项目时跳过 npm install 命令 |
--strict | 在代码中使用更严格的 typescript 编译选项 |
运行项目github
## 运行项目
ng serve
复制代码
经常使用命令参数typescript
options | 解释 |
---|---|
--open / -o | 是否直接打开浏览器 |
--port | 指定程序运行的端口 |
e2e - 端到端测试文件
src - 工做空间 [1] 最外层根项目的源代码路径
.editorconfig - 针对不一样代码编辑器间的代码风格规范
.gitignore - git 忽略的文件
angular.json - 应用于当前工做空间的一些默认配置以及供 angular cli 和开发工具使用的配置信息
browserslist - 项目所针对的目标浏览器 [3]
karma.conf.js - 基于 node.js 的 javascript 测试执行过程管理工具
package-lock.json - 针对当前工做空间使用到 npm 包,安装到 node_modules 时的版本信息
package.json - 当前工做空间中全部项目会使用到的 npm 包依赖
README.md - 当前工做空间最外层根应用的简介文件
tsconfig.app.json - 当前工做空间最外层根应用的专属 typescript 配置文件
tsconfig.json - 当前工做空间中各个项目的基础 typescript 配置文件
tsconfig.spec.json - 当前工做空间最外层根应用的专属 tslint 配置文件
tslint.json - 当前工做空间中各个项目的基础 tslint 配置文件
占坑
做者:墨墨墨墨小宇
我的简介:96年生人,出生于安徽某四线城市,毕业于Top 10000000 院校。.NET程序员,枪手死忠,喵星人。于2016年12月开始.NET程序员生涯,微软.NET技术的坚决坚持者,立志成为云养猫的少年中面向谷歌编程最厉害的.NET程序员。
我的博客:yuiter.com
博客园博客:www.cnblogs.com/danvic712