AugularJs 搭建环境

1. 环境搭建

安装 node.js

安装 webstorm,或者vscode

cmd 到nodejs安装目录下执行命令 npm install cnpm

                                                                cnpm install -g @angular/cli@latest

 augular/cli安装需要翻墙，使用cnpm 安装

注：cnpm如果不是内部命令，配置环境变量 cnpm.cmd所在路径

    node版本不能过低。node8以上不兼容node-sass 

    cd 到项目目录下执行npm i node-sass -D

如果安装失败，执行卸载语句：npm uninstall -g @angular/cli

                                                          npm cache clean

查看版本 ng version,出现下面就说明安装成功了

ng new project_name ,project_name是你的项目名

生成组件的命令 ng g component home

2.Augular 应用的文件目录

e2e ：自动化测试，

src：应用源代码目录

.editorconfig：webstrom 的配置文件

.gitignore： git 的配置文件

.angular-cli.json：augular命令行工具的配置文件

karma.conf.js：单元测试的执行器

package.json：npm 配置的文件，应用的第三方依赖包

protractor.conf.js ：自动化测试的文件

tslint.json ：检查typescript的语法检查的配置文件

Src/app :应用的组件和模块

Src/Assets: 存静态资源

Src/Environments：环境配置（生产环境和测试环境，开发环境）

Src/index.html  整个应用的根页面

Src/main.ts  整个应用脚本执行的入口点

Src/styles.css  应用全局的css

Src/test.ts 自动化测试